下午好，今天給大家分享一個css3的小動畫
用到的屬性有css3的@keyframes
如需在 CSS3 中創建動畫，需要學習 @keyframes 規則。
@keyframes 規則用于創建動畫。在 @keyframes 中規定某項 CSS 樣式，就能創建由當前樣式逐漸改為新樣式的動畫效果。
寫幾個div，然后設置一下div的透明度與大小。然后設置一個@keyframes動畫。然后設置每一個div的animation-duration，就是延遲時間。
css如下:
html如下：
當您在 @keyframes 中創建動畫時，請把它捆綁到某個選擇器，否則不會產生動畫效果。
通過規定至少以下兩項 CSS3 動畫屬性，即可將動畫綁定到選擇器：
規定動畫的名稱
規定動畫的時長
設置完畢之后，該動畫即完成。
謝謝觀看山東文匯官網
上一篇： 給你的密碼里加點“鹽”
下一篇： 設計師怎樣才能避免字體侵權的問題！
