通過CSS3轉(zhuǎn)換,對元素進(jìn)行移動,縮放,轉(zhuǎn)動,拉長或拉伸。轉(zhuǎn)換是使元素改變形狀,尺寸和位置的一種效果。可以用2D,3D來轉(zhuǎn)換元素。
2D轉(zhuǎn)換法
首先我們寫出一個(gè)初始的效果代碼
-
translate()
效果示例:

translate
-
rotate()
效果示例:

rotate
-
scale()
效果示例:

scale
-
skew()
效果示例:

skew
-
matrix()
以上的效果都通過如圖示例的CSS樣式來改變的

css代碼示例
3D轉(zhuǎn)換法
- rotate X()
-
rotate Y()
CSS代碼示例:
x與Y都是同樣的

