首页 > Web开发 > 详细

css3 animate使用

时间:2020-05-23 15:45:50      阅读:74      评论:0      收藏:0      [点我收藏+]
//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使用

原文:https://www.cnblogs.com/gaoqifang/p/12942626.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!