Transition

过渡是通过一系列transition-*属性来实现的。如果某个元素设置了过渡,那么当它的属性值发生变化时,并不是直接变成新值,而是使用过渡效果。

简写属性transition接受四个参数,分别代表:transition-property、transition-duration、transition-timing-function、transition-delay。

过渡让某个属性从一个值“移动”到另一个值,定时函数用来说明如何移动。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 上一篇介绍了CSS3里transform变形属性,本篇介绍另一个人气动画属性transition。transiti...
    张歆琳阅读 25,131评论 1 31
  • 深入理解CSS过渡属性transition CSS中过渡属性transition,可以在不需要JS的情况下实现简单...
    createK阅读 10,083评论 0 6
  • 1:基本概念 在一定时间内平滑的过渡,也就是圆滑的以动画效果改变css的属性值。它的过渡可以由鼠标点击、焦点获取或...
    前白阅读 1,235评论 0 1
  • 一.过渡(transition)定义 过渡transition是一个复合属性,包括==transition-pro...
    Jason杰森阅读 5,618评论 1 1
  • 过渡 transition transition属性用于设置元素的过渡动画交互效果 transition是一个简写...
    JunChow520阅读 1,365评论 0 0