animation-name:'name';

‘name’类似于js里的function xxx（）的XXX

animation-duration:700ms;

动画完成一次的时间

animation-timing-function:linear;

动画在其持续时间内的进度

animation-iteration-count:infinite;

动画循环的次数

animation-direction:alternate;

反向播放

animation-delay:99s;

延迟播放

animation-play-state:paused;

暂停播放

animation:normal;

简写属性时候用的，就像

margin：auto；

和

margin-top:auto;
margin-right:auto;
margin-bottom:auto;
margin-left:auto;

的关系。
左边那个小东西的css动画代码是这样的

-webkit-animation:'appear' 6000ms,'disappear' 3000ms,'appearDisappear' 6000ms;-webkit-animation-iteration-count:infinite;}


@-webkit-keyframes'appear'{0%{opacity:0;}100%{opacity:1;}}


@-webkit-keyframes'disappear'{to{opacity:0;}from{opacity:1;}}


@-webkit-keyframes'appearDisappear'{0%,100%{opacity:0;}20%,80%{opacity:1;}}

！important 要在同一个元素上声明多个动画时，每个动画一定要用，而不是往常的；