微信小程序动画专题课程-通过wxss(css)来实现-第5课-animation-duration属性

animation-duration: time;

<view>注释：始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。</view>

<view class='c01'>01</view>

.c01{

width:100px;

height:100px;

background:red;

position:relative;

animation:mymove infinite;

animation-duration:2s;

}

@keyframes mymove

{

from {top:0px;}

to {top:200px;}

}