Css3动画中经常会用到的属性

  1. 旋转:rotate
    (origin 设置旋转的原点)值为任何数单位是deg

原图
Css3动画中经常会用到的属性

这是谁是顺时针旋转60°
Css3动画中经常会用到的属性
这是改变原点为左的旋转为60°

Css3动画中经常会用到的属性
2. 位移:translate 值为任何数单位是px(x,y)

这是原来的距离

Css3动画中经常会用到的属性

这是移动后的距离

Css3动画中经常会用到的属性

这是同是设置了两个值的效果

Css3动画中经常会用到的属性

  1. 扭曲:skew 值为任何数单位是deg

扭曲前
Css3动画中经常会用到的属性

扭曲后

Css3动画中经常会用到的属性

这是同是设置了两个值的效果

Css3动画中经常会用到的属性

4.缩放:scale 值是>0

原大小

Css3动画中经常会用到的属性

变化后

Css3动画中经常会用到的属性

最后是代码部分

Css3动画中经常会用到的属性