HTML <blink> 元素

已废弃
该特性已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性。

已过时
此功能已过时。虽然它可能仍在某些浏览器中工作,但是不鼓励使用,因为它可能随时被删除。尽量避免使用它。

HTML Blink 元素<blink> )是一个非标准的元素,能够让其所属文本缓慢闪烁。

不要使用这个元素,因为它是过时的,也是不好的设计实践。闪烁的文本不符合无障碍的标准,CSS 规范允许浏览器忽略 <blink> 元素。

DOM 接口

该元素不受支持,因此实现的是 HTMLUnknownElement 接口。

实例

<blink> 元素内的文本会缓慢闪烁(浏览器不支持)

<blink>Why would somebody use this?</blink>

尝试一下 »

结果

Image:HTMLBlinkElement.gif

规范

该元素是非标准的,不属于任何规范的一部分。如果你不相信我们,请参阅 HTML 规范

CSS Polyfill

如果你真的需要一个 polyfill,那么你可以使用下面的 CSS polyfill 模拟出 <blink> 元素的闪烁效果。适用于 IE10+。

<style>
blink {
  -webkit-animation: 2s linear infinite condemned_blink_effect; // for android
  animation: 2s linear infinite condemned_blink_effect;
}

@-webkit-keyframes condemned_blink_effect {
  // for android
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
</style>

<blink>这里的文本会慢慢闪烁</blink>

尝试一下 »

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 不支持 不支持 1 — 22 不支持 1 — 15 不支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 不支持 不支持 不支持 1 — 22 不支持 1 — 15 不支持

相关链接