通过CSS3转换,对元素进行移动,缩放,转动,拉长或拉伸。转换是使元素改变形状,尺寸和位置的一种效果。可以用2D,3D来转换元素。
2D转换法
首先我们写出一个初始的效果代码
![]()
-
translate()
效果示例:

-
rotate()
效果示例:

-
scale()
效果示例:

-
skew()
效果示例:

-
matrix()
以上的效果都通过如图示例的CSS样式来改变的

3D转换法
- rotate X()
-
rotate Y()
CSS代码示例:
x与Y都是同样的
网友评论