Back to Animations

Flip Card

3D 卡片翻转

Card flips along the Y-axis in 3D space to reveal back content. Requires a perspective container and backface-visibility control.

HoverOn HoverAdvancedGPU Accelerated

Preview

Code

Duration

600ms

Easing

ease-in-out

CSS Properties

transform

Use Cases

  • Team member profile cards
  • Product feature reveal
  • FAQ toggle cards
  • Interactive info cards

Related Animations