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

animation-play-state: paused|running;

<view>animation-play-state     规定动画是否正在运行或暂停。默认是 "running"。</view>

<view>paused 规定动画已暂停。</view>

<view>running 规定动画正在播放。</view>

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

.c01{

width:100px;

height:100px;

background:red;

position:relative;

animation:mymove 5s;

animation-play-state:paused;

}

@keyframes mymove

{

from {left:0px;}

to {left:200px;}

}