如何用css制作動畫效果？

首先這個問題是一個web開發方面的專業性問題。我們拋開這個專業性，從題目中我們要弄清兩個名詞，什么是css，什么是動畫

css：Cascading Style Sheets（層疊樣式表），是一種用來表現HTML或XML等文件樣式的計算機語言，在程序員眼中，甚至稱不上是語言。

動畫：采用逐幀拍攝對象并連續播放而形成運動的影像技術，計算機中的動畫也是如此，逐幀播放，每一幀有個元素形態，然后組合起來。

理解了上面的概念，我們再去談談用css 制作動畫，css3之前的版本是不可能用純css制作動畫，需要配合 js一起才能制作，通過js控制元素每幀的形態，直到css3 這個版本出來，才有純css3制作一些常見的簡單的動畫，其中有3個動畫屬性：變形(transform)、轉換(transition)和動畫(animation)，具體教程網上比較多，內容解說代碼也比較多，這里省略，

下面說一下制作動畫的步驟：一：自己要清楚自己所要做的動畫的一個整體形態，首先就是要建模 二：拆分動畫形態，就是每幀的形態，或者是一個時長動畫的開始和結束形態，中間過程的變化形態。三：通過css動畫屬性進行編碼出這些形態。如果是復雜的，用css 配合 js編寫出來即可。