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

animation: name duration timing-function delay iteration-count direction;

<view>animation 属性是一个简写属性，用于设置六个动画属性</view>

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

.c01{

width:100px;

height:100px;

background:red;

position:relative;

animation:myfirst 5s;

}

@keyframes myfirst

{

0%   {background:red; left:0px; top:0px;}

25%  {background:yellow; left:200px; top:0px;}

50%  {background:blue; left:200px; top:200px;}

75%  {background:green; left:0px; top:200px;}

100% {background:red; left:0px; top:0px;}

}