Back to Animations
Underline Draw
下划线绘制
Underline draws from left to right on hover and retracts on leave. A classic navigation link interaction.
HoverOn HoverBeginnerGPU Accelerated
Preview
Code
Duration
300ms
Easing
cubic-bezier(0.4, 0, 0.2, 1)
CSS Properties
transform, transform-origin
Use Cases
- Navigation link hover
- Footer link interaction
- Text link emphasis
- Menu item hover state