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%{}
  }
}

  

css3 animate使用

上一篇:vue webpack文件打包后的文件如何本地运行


下一篇:[技术博客] 软工-Ruby on Rails前端工具链的配置以及对Web应用结构设计的一点思考