CSS3的功能越來越強大，并且在實際開發中得到了廣泛應用。其中一種特別實用的效果就是打勾效果。

打勾效果可以用于表單驗證、審核通過等場景。下面我們會展示如何使用CSS3實現這個效果。

/* CSS代碼 */
.checkmark {
position: relative;
height: 25px;
width: 25px;
border-radius: 50%;
border: 3px solid #27ae60;
margin: 0 auto;
}
.checkmark::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 8px;
transform: translate(-50%, -50%) rotate(-45deg);
border-top: 3px solid #27ae60;
border-right: 3px solid #27ae60;
}

讓我們來解釋一下上面的代碼。

首先，我們使用一個圓形元素（使用border-radius屬性），并設置它的高度和寬度為25px，邊框為3px實線綠色（#27ae60）。

接著，我們使用偽元素::after來創建一個斜著的線段。我們把它定位到圓形元素的正中心（使用top:50%和left:50%），并用transform屬性讓它旋轉45度。最后，我們使用border-top和border-right屬性來設置線段的顏色和寬度。

通過這些CSS樣式，我們成功地實現了打勾效果。如果你需要創建其他種類的動畫效果，使用CSS3是一個非常好的選擇。