09day动画设置

2018-08-19  本文已影响0人  岁月悄然飞逝徒留回忆_54a5

infinite不限制次数
alternate动画结束后返回,返回也算次数
animation-fill-mode 动画前后的状态
forwards动画完成保持在最后一帧
backwards在延迟时间内,在动画显示之前,应用from开始属性值(例如box宽100,from宽200,在延迟1s内显示200)
both向前和向后填充模式都被应用(例如起始按200,结束停在最后一帧)
steps动画步数
定义一个动画,名称为moving
@keyframes moving{
/初始状态/
from{
width: 200px;
}
/结束状态/
to{
width: 500px;
}
}
/位移动画/
transform: translateY(0px);

上一篇下一篇

猜你喜欢

热点阅读