CSS动画

CSS动画-2D、3D转换
2D、3D转换
过渡
动画
多列

2D、3D转换
1、通过CSS3转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸
转换是使元素改变形状、尺寸、和位置的一种效果
可以使用2D、3D来转换元素
2、2D转换方法:
translate() 移动
rotate() 旋转
scale() 缩放
skew()
matrix()
3、3D转换方法:
rotateX()
rotateY()

过渡
1、通过使用CSS3,可以给元素添加一些效果
2、CSS3过渡是元素从一种样式转换成另一种样式
动画效果的CSS
动画执行的时间
3、属性:
transition 设置四个过渡属性
transition-property 过渡的名称
transition-duration 过渡效果花费的时间
transition-timing-function 过渡效果的时间曲线
transition-delay 过渡效果开始时间

原文地址:https://www.cnblogs.com/CherishZeng/p/10187244.html