CSS為什么這么難學(xué)？隨著技術(shù)的更新和迭代，前端工作越來越繁重和復(fù)雜。CSS技術(shù)就像一個數(shù)學(xué)問題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10

CSS為什么這么難學(xué)？

隨著技術(shù)的更新和迭代，前端工作越來越繁重和復(fù)雜。

CSS技術(shù)就像一個數(shù)學(xué)問題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10 1100 123的問題？

隨著CSS3的出現(xiàn)，CSS不再簡單，CSS3動畫、變形、漸變、過濾器等

布局有彈性、網(wǎng)格等。就像數(shù)學(xué)問題一樣，任何組合都是一種新類型的問題，變得極其復(fù)雜。所以學(xué)好基礎(chǔ)知識更重要，要有各種知識，扎實的基礎(chǔ)知識，看問題類型，有自己的想法，有多種解決方法，不受限制。CSS有復(fù)雜和困難的樣式，我們可以使用多種解決方案，比如canvas、SVG、真不圖像等等。

CSS3的動畫的意義何在？

1. 性能會稍微好一點。CSS3使用GPU，瀏覽器將優(yōu)化CSS3的動畫（例如，創(chuàng)建一個新層來運行動畫）。

2. 代碼相對簡單。在現(xiàn)代的PC瀏覽器中，CSS3動畫和轉(zhuǎn)場易于編寫和使用，流暢流暢，動畫過程為0gc。

3. CSS3比jQuery animate（）更平滑、更快、更高效。

4. CSS3更傾向于實現(xiàn)交互效果和界面構(gòu)建。

但是它的缺點也很明顯：1。動畫控件不夠靈活。

2. 兼容性差。

3. 有些動畫功能無法實現(xiàn)。

因此，在實現(xiàn)一些小的交互效果時，更多地考慮CSS。如果兼容性好且事件響應(yīng)復(fù)雜，請使用jQuery中的animate（）函數(shù)。

animate.css怎么用？

首先介紹頭部的下載功能動畫.css文件，然后可以添加動畫類和要為其設(shè)置動畫的元素的特定動畫類名。動畫是必須添加到要設(shè)置動畫的每個元素的類。假設(shè)使用jQuery，您希望向ID為demo的元素添加一個shake動畫。因為shake動畫類被命名為shake，所以代碼是這樣的：注意這些屬性并記住添加每個瀏覽器的前綴。簡而言之，它非常靈活。歸根結(jié)底，它是一個CSS文件。你一看就明白了。如果不想使用它提供的類名，只需更改它。如果只想使用部分動畫，還可以分離要使用的動畫。其官方網(wǎng)站也提供了這一功能。