CSS3打鉤是一種非常常見的效果，它可以應(yīng)用在多種場景中，比如表單中的復(fù)選框或者單選框，或者某些需要標(biāo)記的文字或者列表項(xiàng)等等。下面是一個簡單的CSS3打鉤實(shí)現(xiàn)的例子：

<style>
.tick {
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #333;
border-radius: 50%;
position: relative; 
}
.tick::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 7px;
width: 14px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: translate(-50%, -50%) rotate(45deg);
opacity: 0;
transition: opacity 0.3s ease;
}
.tick:checked::after {
opacity: 1;
}
</style>
<label>
<input type="checkbox" class="tick" checked>Check me out!
</label>

首先，我們給打鉤的容器設(shè)置了寬高和邊框，并且設(shè)置為相對定位。然后，我們使用偽元素::after生成了一個小三角形，將其定位到父容器的中心，并且旋轉(zhuǎn)45度，使它成為一個正確的打鉤。初始狀態(tài)下，這個小三角形被設(shè)置為透明，并且使用CSS3過渡效果，當(dāng)容器被選中時，小三角形的不透明度就會從0變成1，從而實(shí)現(xiàn)了打鉤的效果。

CSS3打鉤只是CSS3中的一個小例子，但是這種技術(shù)可以應(yīng)用到很多地方。通過CSS3，我們可以創(chuàng)造各種各樣的效果，使網(wǎng)頁更加豐富和生動。