HTML <blink> 元素
已废弃
该特性已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性。
已过时
此功能已过时。虽然它可能仍在某些浏览器中工作,但是不鼓励使用,因为它可能随时被删除。尽量避免使用它。
此功能已过时。虽然它可能仍在某些浏览器中工作,但是不鼓励使用,因为它可能随时被删除。尽量避免使用它。
HTML Blink 元素( <blink>
)是一个非标准的元素,能够让其所属文本缓慢闪烁。
不要使用这个元素,因为它是过时的,也是不好的设计实践。闪烁的文本不符合无障碍的标准,CSS 规范允许浏览器忽略
<blink>
元素。
DOM 接口
该元素不受支持,因此实现的是 HTMLUnknownElement
接口。
实例
在 <blink>
元素内的文本会缓慢闪烁(浏览器不支持)
<blink>Why would somebody use this?</blink>
结果
规范
该元素是非标准的,不属于任何规范的一部分。如果你不相信我们,请参阅 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 | 不支持 |
相关链接
-
创建 HTML
<blink>
元素的历史。 -
text-decoration
,有一个取值是blink
,但是实际上浏览器并没有实现为闪烁效果。 -
<marquee>
,另一个类似的非标准元素。 - CSS 动画是去创造这样动态效果的方法。