Почему терпит неудачу только одно из этих объявлений @ -webkit-keyframes? - PullRequest
Новая
       18

Почему терпит неудачу только одно из этих объявлений @ -webkit-keyframes?

1 голос
/ 14 февраля 2011

У меня есть два объявления -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 Ответ

3 голосов
/ 15 февраля 2011

Ключевые кадры должны всегда иметь 0% или «от» И 100% или «до» в своем объявлении, иначе они не работают. Вот почему blink не работает, а blink2 работает.

Каким должно быть конечное состояние "моргания"?

...