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