通过CSS3转换,对元素进行移动,缩放,转动,拉长或拉伸。转换是使元素改变形状,尺寸和位置的一种效果。可以用2D,3D来转换元素。
2D转换法
首先我们写出一个初始的效果代码
-
translate()
效果示例:
-
rotate()
效果示例:
-
scale()
效果示例:
-
skew()
效果示例:
-
matrix()
以上的效果都通过如图示例的CSS样式来改变的
3D转换法
- rotate X()
-
rotate Y()
CSS代码示例:
通过CSS3转换,对元素进行移动,缩放,转动,拉长或拉伸。转换是使元素改变形状,尺寸和位置的一种效果。可以用2D,3D来转换元素。
首先我们写出一个初始的效果代码
效果示例:
效果示例:
效果示例:
效果示例:
rotate Y()
CSS代码示例: