transition
-
属性 描述 transition 简写属性,用于将四个过渡属性设置为单一属性。 transition-delay 规定过渡效果的延迟(以秒计)。多久开始 transition-duration 规定过渡效果要持续多少秒或毫秒。 transition-property 规定过渡效果所针对的 CSS 属性的名称。 transition-timing-function 规定过渡效果的速度曲线。
指定过渡的速度曲线
transition-timing-function 属性规定过渡效果的速度曲线。
transition-timing-function 属性可接受以下值:
- ease - 规定过渡效果,先缓慢地开始,然后加速,然后缓慢地结束(默认)
- linear - 规定从开始到结束具有相同速度的过渡效果
- ease-in -规定缓慢开始的过渡效果
- ease-out - 规定缓慢结束的过渡效果
- ease-in-out - 规定开始和结束较慢的过渡效果
- cubic-bezier(n,n,n,n) - 允许您在三次贝塞尔函数中定义自己的值
或使用简写的 transition 属性:
实例
div { transition: width 2s linear 1s; }