CSS的知識(第一小結)

在對CSS3的學習中,對2D轉換和3D轉換的知識點的理解
用CSS3中的知識點(CSS3的轉換),我們能夠對元素進行移動、縮放、轉動、拉長或拉伸。
關於2D轉換的幾種情況:
1. translate(x,y) 定義 2D 轉換,沿着 X 和 Y 軸移動元素。
2. translateX(n) 定義 2D 轉換,沿着 X 軸移動元素。
3. translateY(n) 定義 2D 轉換,沿着 Y 軸移動元素。
4. scale(x,y) 定義 2D 縮放轉換,改變元素的寬度和高度。
5. scaleX(n) 定義 2D 縮放轉換,改變元素的寬度。
6. scaleY(n) 定義 2D 縮放轉換,改變元素的高度。
3D轉換與2D知識點相近,不同的地方在於3D轉換是從一個矩陣圖形變成了也就是說從平面轉換變成了前後翻轉與上下 轉
下面是三種情況:
1. translate3d(x,y,z) 定義 3D 轉化
2. scale3d(x,y,z) 定義 3D 縮放轉換
3. rotate3d(x,y,z,angle) 定義 3D 旋轉

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章