aboutsummaryrefslogtreecommitdiff
path: root/files/zh-tw/web/html/element/blink
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:43:23 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:43:23 -0500
commit218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (patch)
treea9ef8ac1e1b8fe4207b6d64d3841bfb8990b6fd0 /files/zh-tw/web/html/element/blink
parent074785cea106179cb3305637055ab0a009ca74f2 (diff)
downloadtranslated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.gz
translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.bz2
translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.zip
initial commit
Diffstat (limited to 'files/zh-tw/web/html/element/blink')
-rw-r--r--files/zh-tw/web/html/element/blink/index.html75
1 files changed, 75 insertions, 0 deletions
diff --git a/files/zh-tw/web/html/element/blink/index.html b/files/zh-tw/web/html/element/blink/index.html
new file mode 100644
index 0000000000..9913548a5c
--- /dev/null
+++ b/files/zh-tw/web/html/element/blink/index.html
@@ -0,0 +1,75 @@
+---
+title: <blink>:文字閃爍元素(已過時)
+slug: Web/HTML/Element/blink
+translation_of: Web/HTML/Element/blink
+---
+<div>{{Deprecated_header}} {{obsolete_header}}</div>
+
+<p><span class="seoSummary">非標準元素 <strong>HTML Blink</strong>(<code>&lt;blink&gt;</code>)可以讓該元素裡面的文字緩慢閃爍。</span></p>
+
+<div class="warning">不要使用這個元素,因為它已經<strong>被棄用</strong>,而且是糟糕的設計。無障礙標準不會接受閃爍文字、而 CSS 規範上允許瀏覽器忽略閃爍效果。</div>
+
+<h2 id="DOM_介面">DOM 介面</h2>
+
+<p>此元素並未被支援,因此是透過 {{domxref("HTMLUnknownElement")}} 介面實做。</p>
+
+<h2 id="示例">示例</h2>
+
+<pre class="brush:html">&lt;blink&gt;Why would somebody use this?&lt;/blink&gt;
+</pre>
+
+<h3 id="結果(已經過淡化!)">結果(已經過淡化!)</h3>
+
+<p><img alt="Image:HTMLBlinkElement.gif" src="/@api/deki/files/247/=HTMLBlinkElement.gif"></p>
+
+<h2 id="規範">規範</h2>
+
+<p>此元素並非標準元素,也不屬於任何規範。不信的話,<a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features">你自己來看 HTML 規範</a>。</p>
+
+<h2 id="CSS_Polyfill">CSS Polyfill</h2>
+
+<p>如果真的需要 polyfill,請使用以下的 CSS。它支援 IE10 以上。</p>
+
+<pre class="brush:html">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;
+ }
+}</pre>
+
+<h2 id="瀏覽器相容性">瀏覽器相容性</h2>
+
+
+
+<p>{{Compat("html.elements.blink")}}</p>
+
+<h2 id="參見">參見</h2>
+
+<ul>
+ <li><a href="http://www.montulli.org/theoriginofthe%3Cblink%3Etag">HTML <code>&lt;blink&gt;</code> 元素的創建史</a>。</li>
+ <li>{{cssxref("text-decoration")}},儘管有 blink 值,多數瀏覽器並不需要實做閃爍效果。</li>
+ <li>{{htmlelement("marquee")}},類似的非標準元素。</li>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_animations" title="/en-US/docs/Web/Guide/CSS/Using_CSS_animations">CSS 動畫</a>能得出與此元素相同的效果。</li>
+</ul>
+
+<p>{{HTMLRef}}</p>