返回动画列表

交叉淡化

Crossfade

两个元素交叉切换：一个淡出的同时另一个淡入，实现平滑的内容过渡。

过渡手动中级GPU 加速

预览

代码

持续时间

500ms

缓动函数

ease-in-out

CSS 属性

opacity

使用场景

Tab content switching
Image carousel transition
Content toggle animation
Step wizard transition

相关动画

slide-swap blur-in morph-transition