Проблема CSS-анимации/масштабирования в Chrome/Webkit

Этот эффект отлично работает в FF, но не в Chrome. Результаты Firebug в Chrome показывают, что «-webkit-animation» не отображается в Chrome. Однако в Firefox вы видите эффект «растягивания» при входе объекта. В Chrome объект вообще не масштабируется.

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


person AAAndreAAA    schedule 18.10.2011    source источник
comment
насколько я могу судить, работает нормально - в ключевом кадре webkit есть точка анимации 80%, которой нет в кадре moz.   -  person Thomas    schedule 05.11.2011
comment
у меня тоже работает, что касается FF и Chrome ... в любом случае оба результата выглядят одинаково.   -  person pjammer    schedule 14.12.2011
comment
Я отредактировал jsfiddle, чтобы эффект был более драматичным. Теперь вы видите разницу? jsfiddle.net/AfDwu/26   -  person AAAndreAAA    schedule 15.12.2011


Ответы (1)


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

Заменять:

-webkit-animation-name: ooze

С участием:

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

И это сработает

person methodofaction    schedule 02.01.2012