首页 > 其他 > 详细

过渡动画

时间:2019-09-19 22:13:13      阅读:70      评论:0      收藏:0      [点我收藏+]

    过渡的属性,可以指定过渡的属性 , with 只有宽度有过渡效果 如果想看到多个过渡效果 多个属性用逗号隔开 width,background-color; 全部的过渡效果 all

  • transition-property:all;

  • 过渡的时间
  • transition-duration: 700ms;

  • 过渡过程的速率
  • transition-timing-function: linear

  • 过渡的延迟时间 正值 过一段时间才有过渡效果 负值-1s 过渡动画已经执行1s
  • transition-delay: 1s;

  • 一般和外观效果有关的样式都可以过渡 过渡动画只需要设置属性和过渡的时间 还可以设置过渡的速率 默认的是ease-in-out(开始慢 结束慢 中间快) linear 过渡的延迟时间

过渡动画

原文:https://www.cnblogs.com/baixuezhemei/p/guodudonghua.html

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