编程爱好者之家

使用css实现一个持续的动画效果

2018-03-07 11:13:10 599

animation:mymove 5s infinite;
@keyframes mymove {

    from {top:0px;}
    
    to {top:200px;}
}
主要用到了 animation
值    描述
animation-name    规定需要绑定到选择器的 keyframe 名称。
animation-duration    规定完成动画所花费的时间,以秒或毫秒计。
animation-timing-function    规定动画的速度曲线。
animation-delay    规定在动画开始之前的延迟。
animation-iteration-count    规定动画应该播放的次数。
animation-direction    规定是否应该轮流反向播放动画。


同类文章