CSS3是一種用于頁面樣式設計的技術,在其中有很多強大的功能和特效。其中,動畫是CSS3中的一項重要功能,可以使頁面元素變得更加生動和有趣。
在CSS3中,我們可以使用animation語法來為元素添加動畫。其中,動畫可以無限循環(huán),讓頁面元素一直動起來。
.element { animation: rotate 2s infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
上述代碼中,我們?yōu)橐粋€名為“element”的元素添加了一個名為“rotate”的動畫,動畫時長為2秒,無限循環(huán)。
關鍵幀中使用了from和to關鍵字,它們分別表示動畫的起始和結束狀態(tài)。在這里,我們讓元素不斷旋轉360度,形成一個旋轉的效果。
通過這種方式,我們可以輕松地為頁面元素添加無限循環(huán)的動畫效果,讓整個頁面變得更加生動和有趣。
上一篇css3 單步動畫