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 旋转

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