Действительно странная проблема.CSS-анимация работает на JSFiddle в Chrome, но не на Chrome на localhost
Когда я скопирую код из этого JSFiddle: http://jsfiddle.net/timrpeterson/4FMyA/26/ на свой сервер localhost, анимация пламени, движущаяся вокруг, работает в Firefox, но не в Chrome. Кроме того, JSFiddle оживляет пламя в Chrome.
Ошибка, которую я получаю на Chrome на localhost, - invalid property value.
У кого-нибудь есть мысли?
Некоторые из браузеров необходим префикс для запуска CSS3 анимации, добавив prefixfree.min.js You анимация работы
для например
-webkit- /* for chorme */
-moz- /* for mozilla */
-o- /* opera */
например
-webkit-animation-delay:0s;
-moz-animation-delay:0s;
-o-animation-delay:0s;
animation-delay:0s;
этот плагин генерирует префикс
Примечание: [Нет префикса, необходимого для IE] (http://caniuse.com/#feat=css-animation) – misterManSam
Хотя я принял этот ответ, остается ** два ** существенных вопроса: 1) Как сделать эта работа без добавления префикса JS-файла. Было бы неплохо иметь только CSS-решение по нескольким причинам, самое главное, потому что плагин JS не исправляет CSS таким образом, который визуально проявляется разработчику. Смысл, разработчик не узнает, в чем проблема. 2) почему это работает на JSFiddle в Chrome, но не на моем localhost. Поскольку это ** тот же браузер ** оба раза, это может означать, что есть ошибка с Chrome. –
no on jsfiddle внешний файл был включен –
Вы добавили 'prefixfree.min.js' в свой localhost? –
Спасибо, что сделал! Пожалуйста, не стесняйтесь добавлять это в качестве ответа, и я буду продвигать и принимать. Однако есть еще что-то, что не имеет смысла. JSFiddle и мой localhost работают по-разному, используя ** тот же ** браузер Chrome. Это должна быть ошибка браузера с 'iframes' или что-то еще? –