CSS3又為我們帶來(lái)了一個(gè)新的鮮玩意——鼠標(biāo)點(diǎn)擊網(wǎng)頁(yè)效果。該效果可以讓我們?cè)谟脩暨M(jìn)行鼠標(biāo)點(diǎn)擊操作時(shí)，網(wǎng)頁(yè)元素產(chǎn)生相應(yīng)的動(dòng)態(tài)效果，從而增強(qiáng)用戶的體驗(yàn)感。

/* 鼠標(biāo)點(diǎn)擊網(wǎng)頁(yè)效果 */
a { 
position: relative; 
}
a:active:after { 
content: ''; 
display: block; 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
border: 2px solid #333; 
background: rgba(255, 255, 255, 0.3); 
border-radius: 50px; 
animation: click-effect 0.5s forwards; 
}
@keyframes click-effect { 
0% { transform: scale(0); opacity: 0; } 
50% { transform: scale(1); opacity: 0.5; } 
100% { transform: scale(1.5); opacity: 0; } 
}

通過(guò)該效果，我們可以輕易地讓用戶感受到網(wǎng)頁(yè)的激情和活力，提升用戶的交互體驗(yàn)和情感認(rèn)同。