CSS3旋转(Rotate)
一.基本说明
说明:属性值的单位是“度”(用英文deg表示)。
Rotate(),沿着中心点旋转,只能放一个属性值。
正值:顺时针旋转。 负值:逆时针旋转。
RotateX(),沿着X轴旋转(上下翻转,以水平中间横线为X轴)
RotateY(),沿着Y轴旋转(左右翻转,以垂直中间纵线为Y轴)
RotateZ(),沿着Z轴旋转。(3D使用,实现3D效果)。
二、演示图
1.关于X/Y/Z轴分布。
2.翻转演示图。
三、备注说明
1.Z轴,可以理解为人面部于屏幕所垂直的线。
2.90deg 是一条线,因无设置元素厚度,因此不可见。
3.180deg 旋转到相反方向。