CSS Animation Scale работает в Firefox, а не в Chrome - PullRequest
Новая
       39

CSS Animation Scale работает в Firefox, а не в Chrome

1 голос
/ 17 октября 2011

РАЗРЕШЕНО: Проблема CSS-анимации / масштаба в Chrome / Webkit

Я задавал этот вопрос ранее, но не уверен, что он был понятен.Я сделал кучу устранения неполадок, так как безрезультатно.Итак, я вернулся с игрой за игрой в надежде на некоторую помощь.

  1. Используя JS, на doc ready я удаляю класс, который скрывает изображение, и добавляю logoAnim, который устанавливаетобъект в движении.

  2. Объект должен упасть с одновременным эффектом масштаба Y (2) - эффектом слизи / капель.

Выможно увидеть правильный эффект в ссылке JSFiddle через Firefox / Moz, однако это не работает в Chrome / Webkit.Глядя на код Firebug в FF, «-moz-animation: 2s ease 2s normal none 1 ooze» появляется в CSS «.logoAnim» - его нет в версии webkit в Chrome.

Я что-то упустил?Важна ли структура / порядок css в webkit?

http://jsfiddle.net/AfDwu/5/

1 Ответ

1 голос
/ 23 января 2012

Эта проблема была решена DuoPixel: Проблема CSS-анимации / масштаба в Chrome / Webkit

Вы не указываете свойства -webkit-animation, только имя.

Заменить: -webkit-animation-name: ooze

На: -webkit-animation: ooze 2s 2s ease-in-out;

И это будет работать.

...