Back to Animations
Crossfade
交叉淡化
Two elements cross-dissolve: one fades out while the other fades in, creating a smooth content transition.
TransitionManualIntermediateGPU Accelerated
Preview
Code
Duration
500ms
Easing
ease-in-out
CSS Properties
opacity
Use Cases
- Tab content switching
- Image carousel transition
- Content toggle animation
- Step wizard transition