Я пытаюсь использовать @keyframes для анимации цвета фона элемента, но он не работает в Atom.В чем проблема?

Question

Я новичок в программировании и учусь использовать HTML и CSS.Я скачал Atom, и я тренируюсь на нем.Я пытаюсь использовать функцию @keyframes для анимации цвета фона моего квадратного элемента, но, похоже, он не работает в моем веб-браузере (Firefox).Я не знаю, что я делаю не так.

изображение кода:

Answer 1

Попробуйте использовать префиксы для поддержки кроссбраузера.Вы можете использовать такой инструмент, как https://autoprefixer.github.io/ Autoprefixer - это плагин PostCSS, который анализирует ваш CSS и добавляет префиксы поставщиков.