首页 > Web开发 > 详细

css3动画

时间:2021-08-06 10:38:37      阅读:10      评论:0      收藏:0      [点我收藏+]

1.transition

transition直译为过渡,是一个简写属性,用于设置四个过渡属性

  • transition-property  规定应用过渡属性的css属性名称。例:opacity
  • transition-duration  规定完整过渡所需要花费的时间,以秒或毫秒记。例:3s
  • transition-timing-function  规定过渡效果的速度曲线,默认值ease。linear:以相同的速度从开始至结束;ease:慢速开始,变快,慢速结束;ease-in:慢速开始;ease-out:慢速结束;ease-in-out:慢速开始和结束,比ease慢
  • transition-delay  规定过渡效果延时多长时间开始。例:2s

2.animation

animation可以完成多个动作

 

css3动画

原文:https://www.cnblogs.com/jiubujian/p/15107099.html

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