diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
commit | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (patch) | |
tree | a9ef8ac1e1b8fe4207b6d64d3841bfb8990b6fd0 /files/zh-tw/web/html/element/blink | |
parent | 074785cea106179cb3305637055ab0a009ca74f2 (diff) | |
download | translated-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.html | 75 |
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><blink></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"><blink>Why would somebody use this?</blink> +</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><blink></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> |