aiz*_*zaz 18 css google-chrome blink
我blink在我的应用程序中使用以显示错误消息.问题是它在Firefox中工作但在Chrome中不起作用.我不知道问题是什么.如何让它在Chrome中运行?
将以下代码添加到您的css文件中,
blink {
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
}
Run Code Online (Sandbox Code Playgroud)
小智 7
blink, .blink {
-webkit-animation: blink 1s step-end infinite;
-moz-animation: blink 1s step-end infinite;
-o-animation: blink 1s step-end infinite;
animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink { 67% { opacity: 0 }}
@-moz-keyframes blink { 67% { opacity: 0 }}
@-o-keyframes blink { 67% { opacity: 0 }}
@keyframes blink { 67% { opacity: 0 }}
Run Code Online (Sandbox Code Playgroud)
它已被弃用,因此您可以尝试使用javascript.这是我用jquery为你做的一个例子:http://jsfiddle.net/FPsdy/这很简单:
window.setInterval(function(){
$('.blink').toggle();
}, 250);
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
20402 次 |
| 最近记录: |