过渡动画

过渡属性

通过 transition-* 为元素应用过渡动画，并制定过渡目标属性。

transition

transition

all

transition-all

colors

transition-colors

opacity

transition-opacity

shadow

transition-shadow

transform

transition-transform

过渡时间

通过 duration-* 为元素应用过渡动画时间。

75ms

duration-75

100ms

duration-100

200ms

duration-200

300ms

duration-300

500ms

duration-500

1000ms

duration-1000

渐隐渐显

通过 fade-* 来为元素设置渐隐渐显动画效果，默认元素不显示，通过控制添加 in 类让元素渐显。

默认

默认

fade

从中心显示

从中心显示

fade-from-center

从下方显示

从下方显示

fade-from-bottom

从上方显示

从上方显示

fade-from-top

从左侧显示

从左侧显示

fade-from-left

从右侧显示

从右侧显示

fade-from-right