1. 程式人生 > >CSS 元素變形 transfrom

CSS 元素變形 transfrom

ans http get nsf 通過 tex class per rom

none 定義不進行轉換。 測試
matrix(n,n,n,n,n,n) 定義 2D 轉換,使用六個值的矩陣。 測試
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 定義 3D 轉換,使用 16 個值的 4x4 矩陣。
translate(x,y) 定義 2D 轉換。 測試
translate3d(x,y,z) 定義 3D 轉換。
translateX(x) 定義轉換,只是用 X 軸的值。 測試
translateY(y) 定義轉換,只是用 Y 軸的值。 測試
translateZ(z) 定義 3D 轉換,只是用 Z 軸的值。
scale(x,y) 定義 2D 縮放轉換。 測試
scale3d(x,y,z) 定義 3D 縮放轉換。
scaleX(x) 通過設置 X 軸的值來定義縮放轉換。 測試
scaleY(y) 通過設置 Y 軸的值來定義縮放轉換。 測試
scaleZ(z) 通過設置 Z 軸的值來定義 3D 縮放轉換。
rotate(angle) 定義 2D 旋轉,在參數中規定角度。 測試
rotate3d(x,y,z,angle) 定義 3D 旋轉。
rotateX(angle) 定義沿著 X 軸的 3D 旋轉。 測試
rotateY(angle) 定義沿著 Y 軸的 3D 旋轉。 測試
rotateZ(angle) 定義沿著 Z 軸的 3D 旋轉。 測試
skew(x-angle,y-angle) 定義沿著 X 和 Y 軸的 2D 傾斜轉換。 測試
skewX(angle) 定義沿著 X 軸的 2D 傾斜轉換。 測試
skewY(angle) 定義沿著 Y 軸的 2D 傾斜轉換。 測試
perspective(n) 為 3D 轉換元素定義透視視圖。 測試

CSS 元素變形 transfrom