我真的很想讓一段文字在不使用JavaScript或文字修飾的情況下閃爍出舊式風格。沒有過渡，只有* blink *，* blink *，* blink *！編輯：這與該問題不同，因為我要求沒有連續過渡的眨眼，而其他問題的OP問如何用連續過渡來代替眨眼
3 回答
www說
TA貢獻1775條經驗 獲得超8個贊
最初的Netscape <blink>具有80％的占空比。這很接近，盡管實數<blink>只影響文本：
.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.
慕的地6264312
TA貢獻1817條經驗 獲得超6個贊
讓我向您展示一些技巧。
正如Arkanciscan 所說，您可以使用CSS3過渡。但是他的解決方案看起來與原始標簽不同。
您真正需要做的是：
@keyframes blink {
50% {
opacity: 0.0;
}
}
@-webkit-keyframes blink {
50% {
opacity: 0.0;
}
}
.blink {
animation: blink 1s step-start 0s infinite;
-webkit-animation: blink 1s step-start 0s infinite;
}
<span class="blink">Blink</span>
- 3 回答
- 0 關注
- 875 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消