在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ 如何不要animate的漸變效果

如何不要animate的漸變效果

代碼看這里http://jsbin.com/butugozunu/e...

我現(xiàn)在想要模擬鼠標(biāo)點(diǎn)擊輸入框時(shí),光標(biāo)閃爍的效果.
所以用到了animation動畫,但是發(fā)現(xiàn)該動畫的字體顏色會在透明與黑色切換時(shí),有漸變效果.不符合平時(shí)的大家看到的干脆利落的閃爍光標(biāo).所以該怎么改呢?才可以取消漸變效果

回答
編輯回答
扯不斷

這樣就不是很明顯

clipboard.png

2017年9月16日 20:31
編輯回答
毀與悔
/*這里是閃爍光標(biāo)*/
.cursor.blink {
    animation: blink 1s infinite steps(1, start);
}
/*這里設(shè)置動畫blink*/
@keyframes blink {
    0%, 100% {
        background-color: #000;
        color: #aaa;
    }
    50% {
        background-color: #bbb; /* not #aaa because it's seem there is Google Chrome bug */
        color: #000;
    }
}
2017年11月2日 09:31