CSS3作為前端開發(fā)必不可少的基礎(chǔ)技能，其強(qiáng)大的功能也為網(wǎng)頁提供了更加豐富的表現(xiàn)效果，其中就包括臉部表情的控制。

/* 鼠標(biāo)懸停時實現(xiàn)嘴巴的微笑效果 */
.smile:hover .mouth {
transform: rotate(30deg);
}
/* 鼠標(biāo)懸停時實現(xiàn)眼睛的眨眼效果 */
.wink:hover .eye {
animation: spin 1s;
}
@keyframes spin {
0% {
transform: scale(1);
}
50% {
transform: scale(0.1);
}
100% {
transform: scale(1);
}
}

通過對不同元素的樣式控制，我們可以實現(xiàn)一系列有趣的臉部表情，例如：微笑、睜大眼睛、眨眼等，而且這些表情動作都可以通過鼠標(biāo)的懸停進(jìn)行觸發(fā)。

不只是臉部表情，CSS3還有很多其他有趣的特效實現(xiàn)方式，學(xué)好它不僅可以增加開發(fā)技能，還能為網(wǎng)頁帶來更加生動活潑的呈現(xiàn)效果。