這是應該發生的事情。加載CSS,Javascript或jQuery閃爍元素
- 頁面加載
- 它什麼都不做1秒鐘
- 然後使該元素 「閃爍」 的四倍(約600毫秒的延遲)
- 完成!
語言使用
使用CSS,JavaScript或jQuery來解決這個問題。它應該適用於常見的瀏覽器和設備。
眨眼
有閃爍我的意思是從一個背景顏色到另一個褪色。褪色時間應該是可變的。
小提琴
https://jsfiddle.net/cjkkr5h0/
HTML
<div>Make me blink 4 times on load (600 ms)!</div>
<p>CSS, Javascript or jQuery. Make it simple, make it short. Should work on mobile devices and common browser versions.</p>
CSS
div {
background: #90a5b7;
/* NOT SO IMPORTANT */
padding: 10px;
color: #fff;
display: inline-block;
font-family: Arial;
}
.blink-to {
background: #2a5b84;
}
它是如何做到最好的方法?