Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Animation 为什么只有一个@-webkit关键帧声明失败?_Animation_Webkit_Css_Opacity - Fatal编程技术网

Animation 为什么只有一个@-webkit关键帧声明失败?

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关键帧声明(见下文)<代码>闪烁2工作正常<代码>闪烁不执行任何操作。怎么回事?可以声明的关键帧数量是否有限制

@-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起作用


“眨眼”的结束状态应该是什么

绝对是这样。很高兴知道,我应该在盯着他们看了这么久之后才想到这一点!