CSS3旋转(Rotate)

一.基本说明

说明:属性值的单位是“度”(用英文deg表示)。
Rotate(),沿着中心点旋转,只能放一个属性值。
正值:顺时针旋转。 负值:逆时针旋转。
RotateX(),沿着X轴旋转(上下翻转,以水平中间横线为X轴)
RotateY(),沿着Y轴旋转(左右翻转,以垂直中间纵线为Y轴)
RotateZ(),沿着Z轴旋转。(3D使用,实现3D效果)。

二、演示图

1.关于X/Y/Z轴分布。
CSS3旋转(Rotate)

2.翻转演示图。

三、备注说明

CSS3旋转(Rotate)
1.Z轴,可以理解为人面部于屏幕所垂直的线。
2.90deg 是一条线,因无设置元素厚度,因此不可见。
3.180deg 旋转到相反方向。

相关文章: