css3 使用animation 只执行一次然后停留在执行后的状态

在近期一个项目中遇到的,分享正确使用:
-webkit-animation:'index' 5s ease-in-out 0s 1 alternate forwards;
forwards:当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。
@-webkit-keyframes 'index'{
0%{
left:0%;
}
50%{
left:50%;
}
100%{
left:100%;
}
}

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复