整理CSS3的transform屬性

2021-08-07 20:12:59 字數 748 閱讀 5091

1、transform需要寫瀏覽器相容

div

2、translate3d(x,y,z)定義 3d 轉換。

3、translatex(x)即在x軸上平移

4、translatey(y)即在y軸上平移

5、translatez(z)即在z軸上平移

6、scale(x,y)

定義 2d 縮放轉換。

7、scale3d(x,y,z)定義 3d 縮放轉換。

8、scalex(x)通過設定 x 軸的值來定義縮放轉換。

9、scaley(y)通過設定 y 軸的值來定義縮放轉換。

10、scalez(z)通過設定 z 軸的值來定義 3d 縮放轉換。

11、rotate(angle)定義 2d 旋轉,在引數中規定角度。

12、rotate3d(x,y,z,angle)定義 3d 旋轉。

13、rotatex(angle)定義沿著 x 軸的 3d 旋轉。

14、rotatey(angle)定義沿著 y 軸的 3d 旋轉。

15、rotatez(angle)定義沿著 z 軸的 3d 旋轉。

16、skew(x-angle,y-angle)定義沿著 x 和 y 軸的 2d 傾斜轉換。

17、skewx(angle)定義沿著 x 軸的 2d 傾斜轉換。

18、skewy(angle)定義沿著 y 軸的 2d 傾斜轉換。

19、perspective(n)為 3d 轉換元素定義透視檢視。

css3 常用整理 (3)

先寫乙個關鍵幀,動畫按這個關鍵幀運動 keyframes move 100 複製 div複製 然後在div上繫結這個關鍵幀,animation和transition很像,有那麼幾個引數值 animation name animation duration animation timing funci...

css3屬性整理

1.div裡面文字自動轉行 word wrap break word 2.溢位隱藏 text overflow clip 溢位隱藏顯示省略號 text overflow ellipsis 3.text fill color 文字內部填充顏色 text stroke color 文字邊界填充顏色 te...

css3動畫整理

css3動畫主要常用的屬性有 變形 transform 轉換 transition 動畫 animation 三種。變形 transform 主要有以下幾種方式 旋轉rotate rotate transform rotate 20deg 扭曲skew skew x,y transform skew...