Opera: проблеми с CSS3 анимацията на ключови кадри?

Решихме да приложим почти цялата анимация с CSS3, а не с jQuery.


Chrome, FF, IE10 ни зарадваха със стабилна работа (особено IE10 - много приятно изненадан). Opera обаче отново разочарова с необяснимите си отскоци.


Всички горепосочени браузъри показват плавно разминаващи се концентрични кръгове. В определен момент операта решава, че има достатъчно кръгове и затова не е необходимо да ги анимирате всички, затова просто спира анимацията на 100% и не се връща към първоначалния анимационен кадър, въпреки продължителността на анимацията безкрайна. Освен това не може да анимира всички атрибути: най-често кръгът замръзва с максимален размер и непрозрачност = 1,0, въпреки че прозрачността трябва да бъде намалена до 0,0. Ако анимацията показва не два кадъра (0% и 100%), а повече (например 0% 80% 100%), тогава тя може да заседне на някои от междинните.


Още по-лошо, анимацията ми не се използва просто като декоративен елемент, а функционалността на сайта се основава на него. Например скриването/повторното появяване на раздели на сайта също се реализира чрез анимации и ако Opera реши да не продължи анимацията, тогава анимационното събитие също не се генерира и сайтът просто спира да функционира.


Бях сигурен, че тъй като анимацията в Opera е внедрена преди повече от година и дори сега се поддържа без префикси на доставчици, тогава всичко ще работи правилно. Не не. Сега просто не е ясно какво да правя. Наистина не исках да правя резервно копие на jQuery, тъй като цялата същност на идеята е загубена.


Някой срещал ли се е с това и ако да, как е решил и дали е решил?