CSS3 :: 2d转换
2D变换用于在平移,旋转,缩放和倾斜时重新更改元素结构。
下表包含了用于2D转换的常用值-
以下示例显示了所有上述属性的示例。
旋转20度
箱体以20度角旋转,如下图所示
Tutorials point.com.Tutorials point.com
旋转-20度
箱体以-20度角旋转,如下所示
Tutorials point.com.Tutorials point.com
X轴偏斜
X轴倾斜时的盒子旋转,如下所示
Tutorials point.com.Tutorials point.com
偏Y轴
y轴偏斜的盒子旋转,如下所示
Tutorials point.com.Tutorials point.com
矩阵变换
带有Matrix变换的框旋转如下图所示
Tutorials point.com.Tutorials point.com
矩阵以另一个方向变换。
Tutorials point.com.Tutorials point.com