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

animation-fill-mode : none | forwards | backwards | both;

<view>把物体动画地从一个地方移动到另一个地方，并让它停留在那里</view>

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

.c01{

     width:100px;

     height:100px;

     background:red;

     position:relative;

     animation:mymove 3s;

     animation-iteration-count:2;

     animation-fill-mode:forwards;

}

@keyframes mymove

{

     from {top:0px;}

     to {top:200px;}

}