預覽地址
transform
transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。
傾斜
2D：skew(x-angle,y-angle)
向左傾斜30度：
transform:skew(30deg,0);縮放
2D：scale(x,y)
3D：scale3d(x,y,z) or scaleX(x) scaleY(y) scaleZ(z)
壓縮2倍：
transform:scale(0.5, 1);旋轉
2D：rotate(angle)
3D：rotate3d(x,y,z,angle) or rotateX(angle) rotateY(angle) rotateZ(angle)
旋轉45度：
transform:rotate(45deg);移動
2D：translate(x,y)
3D：translate3d(x,y,z) or translateX(x) translateY(y) translateZ(z)
x軸位移10px y軸位移20px：
transform: translate(10px, 20px);