CSS3中Animation屬性的使用詳解？ 1. Translate3d（x，y，z）用于控制元素在頁面三軸位置上的位置；2。旋轉(zhuǎn)（度）用于控制元件的旋轉(zhuǎn)角度；3。傾斜[x，y]（DEG）用于傾斜。

CSS3中Animation屬性的使用詳解？

1. Translate3d（x，y，z）用于控制元素在頁面三軸位置上的位置；

2。旋轉(zhuǎn)（度）用于控制元件的旋轉(zhuǎn)角度；

3。傾斜[x，y]（DEG）用于傾斜。做過設(shè)計的人可能知道這是在2D中創(chuàng)建3D透視圖的必要屬性；

4。Scale3d（x，y，z）用于放大和縮小效果，屬性是ratio；

5，matrix3d，CSS matrix。通過這個矩陣屬性，上面所有的屬性值都被覆蓋了，但是我覺得可讀性非常差（所有的數(shù)字和單位，后面有點模糊），所以目前沒有理由推薦。

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、真不圖像等等。