为什么这些@ -webkit-keyframes声明中只有一个失败?

时间:2011-02-14 20:51:14

标签: animation webkit css3 opacity

我有两个-webkit-keyframes声明(见下文)。 blink2工作正常。 blink什么也没做。这是怎么回事?可以声明的关键帧数量是否有限制?

@-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;
    }
}

1 个答案:

答案 0 :(得分:3)

关键帧必须始终在声明中包含0%或“from”AND 100%或“to”,否则它们不起作用。这就是为什么眨眼不起作用和blink2的原因。

应该是“眨眼”的最终状态是什么?