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

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

原图
在这里插入图片描述

这是谁是顺时针旋转60°
在这里插入图片描述
这是改变原点为左的旋转为60°

在这里插入图片描述
2. 位移:translate 值为任何数单位是px(x,y)

这是原来的距离

在这里插入图片描述

这是移动后的距离

在这里插入图片描述

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

在这里插入图片描述

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

扭曲前
在这里插入图片描述

扭曲后

在这里插入图片描述

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

在这里插入图片描述

4.缩放:scale 值是>0

原大小

在这里插入图片描述

变化后

在这里插入图片描述

最后是代码部分

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44552168/article/details/88887244