Transitions
transitions:property 用哪个属性进行设置
:duration 执行时间
:timing-function 执行什么类型的动画
:transition-delay 延迟时间
Animations
animations-:name 执行动画关键帧名称
:duration 执行时间
:timing-function 执行什么类型的动画
:iteration-count 执行次数(itfinite表示循环执行)
语法:@keyframes关键帧名称
{
0%{执行动画的属性和值}
50%{执行动画的属性和值}
100%{执行动画的属性和值}
}
timing-function 过度类型
linear:线性过度
ease:平滑过度
ease-in:由慢到快
ease-out:由快到慢
ease-in-out:由慢到快再到慢
cubic-bezier(n,n,n,n)自定义贝塞尔曲线,四个数值 在【0,1】之间