Limited supportUseful when text-decoration-line: blink improves perceived continuity or state change, but motion should remain optional and purposeful.
Animation Limited support

text-decoration-line: blink

The text-decoration: blink CSS declaration flashes text between visible and invisible.

Animation

Overview

The text-decoration: blink CSS declaration flashes text between visible and invisible.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.properties.text-decoration-line.blink
Deprecated
57
79
26
8
57
8
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Notes 1 item(s)
Implementation note
  • The `blink` value does not have any effect.
Notes 1 item(s)
Implementation note
  • The `blink` value does not have any effect.
Notes 1 item(s)
Implementation note
  • The `blink` value does not have any effect.
Notes 1 item(s)
Implementation note
  • The `blink` value does not have any effect.

Syntax

CSS 
/* Deprecated - Disabled in most browsers */
.blink {
  text-decoration: blink;
}

Live demo

Blink(non-recommended)

CSS Blink(non-recommended) demo.

PreviewFullscreen

Cssalternative(animation)

CSS CSSalternative(animation) demo.

PreviewFullscreen

Comparison: Normaltext

CSS comparison: normaltext demo.

PreviewFullscreen

Use cases

  • State transitions

    Use text-decoration-line: blink to clarify UI changes such as opening, reordering, or page transitions.

  • Polished feedback

    Add motion only where it reinforces direction, hierarchy, or system response.

Cautions

  • Motion features can quickly become distracting if they are applied too broadly.
  • Keep animation rules paired with sensible non-animated fallbacks.

Accessibility

  • Respect reduced-motion preferences and keep essential information available without animation.
  • Motion should support understanding, not become a barrier to interaction.

Related links

Powered by web-features