transition

描述

transition 属性是 transition-property、transition-duration、transition-timing-function 和 transition-delay 的简写属性。设置元素两种状态之间的过渡效果；它们可以使用 :hover 或 :active 伪类定义，或者通过 JavaScript 动态定义。

效果展示

语法

transition: [ none | <transition-property>] || <time> ||
  <transition-timing-function> || <time>;

值

• <transition-property> 请参阅transition-property CSS 属性了解值。
• <transition-duration> 请参阅transition-duration CSS 属性了解值。
• <transition-timing-function> 请参阅transition-timing-function CSS 属性了解值。
• <transition-delay> 请参阅transition-delay CSS 属性了解值。