如何在沒有 JavaScript 或過渡的情況下使用 CSS3 建立閃爍效果？

使用CSS3 進行不帶過渡的閃爍動畫

問題：

文字是否可以在不使用JavaScript 或文字裝飾的情況下閃爍，模仿經典的標籤沒有連續過渡？

答案：

舊瀏覽器中的標籤有80% 的佔空比，這意味著它在80% 的時間內可見，在20% 的時間內隱藏。這是一個緊密複製此行為的 CSS 解決方案，僅影響文字：

.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.

以上是如何在沒有 JavaScript 或過渡的情況下使用 CSS3 建立閃爍效果？的詳細內容。更多資訊請關注PHP中文網其他相關文章！