CSS3是最新版本的CSS,它引入了各種新的樣式和效果,比如晃動效果。
.shake { animation: shake 0.8s; animation-iteration-count: infinite; } @keyframes shake { from { transform: translateX(0); } to { transform: translateX(10px); } }
上述代碼實現(xiàn)了一個晃動效果,通過定義動畫和關(guān)鍵幀,利用transform屬性實現(xiàn)元素的橫向移動。在類名為shake的元素中,設(shè)置該動畫并使其無限循環(huán),即可觀察到元素不斷地向右晃動。
需要注意的是,CSS3的特效需要瀏覽器的支持,不同瀏覽器的支持程度也有所不同。因此,在使用這些特效時要考慮瀏覽器兼容性問題,并適當(dāng)提供降級方案。同時,也要避免過度使用這些效果,以免影響頁面性能和用戶體驗。