css3 animate使用

//less动态传值

.class{

　　.keyframeFunction(name,'@{common-ipath}/img');

　　animation-name: name ;//@keyframes name

　　animation-delay: 4s; //动画延时播放

　　-webkit-animation-duration: 2s;//规定动画多长时间内播完

　　animation-duration: 2s;

　　-webkit-animation-fill-mode: both;

　　animation-fill-mode: both;//both：设置对象状态为动画结束或开始的状态,动画开始之前是"from"或"0%"关键帧；动画完成之后是"to"或"100%"关键帧状态。

　　-webkit-animation-iteration-count:1;//动画播放次数

　　animation-iteration-count:1;

}

.keyframeFunction (@name,@path){

　　@keyframes @name {

　　　　0%{}

　　　　100%{}

　　}

}