Нужно ли устанавливать или вводить код для использования @keyframes в CSS?

Есть ли код, который я должен вставить или установить файл, чтобы мои @keyframes работали в моем файле CSS? В моем редакторе @keyframe выделен серым цветом и не работает.

Источник

1 ответ

Решение

Существует разница между подсветкой синтаксиса в редакторе и фактической интерпретацией вашим браузером.

В зависимости от вашего редактора вам может потребоваться установить языковой пакет, чтобы он правильно распознавал новые атрибуты CSS3.

Вам нужно будет добавить префиксы, специфичные для поставщиков, к вашим селекторам, чтобы они были понятны вашему браузеру

@-webkit-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes NAME-YOUR-ANIMATION {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

Узнайте больше о ключевых кадрах в css3 http://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/:

Источник
Другие вопросы по тегам