<blink>: The Blinking Text element
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
The <blink>
HTML element is a non-standard element which causes the enclosed text to flash slowly.
Warning: Do not use this element as it is obsolete and is bad design practice. Blinking text is frowned upon by several accessibility standards and the CSS specification allows browsers to ignore the <blink>
element.
DOM interface
This element is unsupported and thus implements the HTMLUnknownElement
interface.
Example
<blink>Why would somebody use this?</blink>
Result (toned down!)
CSS polyfill
If you really do need a polyfill, then you can use the following CSS polyfill. Works in IE10+.
blink { -webkit-animation: 2s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */ animation: 2s linear infinite condemned_blink_effect; } /* for Safari 4.0 - 8.0 */ @-webkit-keyframes condemned_blink_effect { 0% { visibility: hidden; } 50% { visibility: hidden; } 100% { visibility: visible; } } @keyframes condemned_blink_effect { 0% { visibility: hidden; } 50% { visibility: hidden; } 100% { visibility: visible; } }
Specifications
Specification |
---|
HTML Standard (HTML) # blink |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
blink |
No |
No |
1-22 |
No |
2-15 |
No |
No |
No |
4-22 |
10.1-14 |
No |
No |
See also
-
History of the creation of the HTML
<blink>
element. -
text-decoration
, where a blink value exists, though browsers are not required to effectively make it blink. -
<marquee>
, another similar non-standard element. - CSS animations are the way to go to create such an effect.
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blink