不帶動畫的閃爍文字
想在不依賴 JavaScript 或文字修飾的情況下重溫閃爍文字的復古美學嗎?與先前專注於平滑過渡的解決方案不同,本文深入研究如何建立以經典「blink-blink」樣式閃爍的文字。
原始 Netscape
.blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } }
This is <span class="blink">blinking</span> text.
透過利用此動畫,可以使文本以急劇的過渡閃爍,讓人想起經典的閃爍行為。
以上是如何僅使用 CSS 建立復古閃爍文字效果?的詳細內容。更多資訊請關注PHP中文網其他相關文章!