Animation 为什么只有一个@-webkit关键帧声明失败?
我有两个webkit关键帧声明(见下文)<代码>闪烁2工作正常<代码>闪烁不执行任何操作。怎么回事?可以声明的关键帧数量是否有限制Animation 为什么只有一个@-webkit关键帧声明失败?,animation,webkit,css,opacity,Animation,Webkit,Css,Opacity,我有两个webkit关键帧声明(见下文)闪烁2工作正常闪烁不执行任何操作。怎么回事?可以声明的关键帧数量是否有限制 @-webkit-keyframes blink { 0% { opacity:1; } 40% { opacity:1; } 50% { opacity:.5; } 90% { opacity:1; } 99% { opacity
@-webkit-keyframes blink {
0% {
opacity:1;
}
40% {
opacity:1;
}
50% {
opacity:.5;
}
90% {
opacity:1;
}
99% {
opacity:1;
}
}
@-webkit-keyframes blink2 {
0% {
opacity:1;
}
50% {
opacity:.25;
}
100% {
opacity:1;
}
}
关键帧在其声明中必须始终具有0%或“from”和100%或“to”,否则它们不起作用。这就是为什么blink不起作用,而blink2起作用
“眨眼”的结束状态应该是什么 绝对是这样。很高兴知道,我应该在盯着他们看了这么久之后才想到这一点!