Opera: проблеми с CSS3 анимацията на ключови кадри?
Решихме да приложим почти цялата анимация с CSS3, а не с jQuery.
Chrome, FF, IE10 ни зарадваха със стабилна работа (особено IE10 - много приятно изненадан). Opera обаче отново разочарова с необяснимите си отскоци.
Всички горепосочени браузъри показват плавно разминаващи се концентрични кръгове. В определен момент операта решава, че има достатъчно кръгове и затова не е необходимо да ги анимирате всички, затова просто спира анимацията на 100% и не се връща към първоначалния анимационен кадър, въпреки продължителността на анимацията безкрайна. Освен това не може да анимира всички атрибути: най-често кръгът замръзва с максимален размер и непрозрачност = 1,0, въпреки че прозрачността трябва да бъде намалена до 0,0. Ако анимацията показва не два кадъра (0% и 100%), а повече (например 0% 80% 100%), тогава тя може да заседне на някои от междинните.
Още по-лошо, анимацията ми не се използва просто като декоративен елемент, а функционалността на сайта се основава на него. Например скриването/повторното появяване на раздели на сайта също се реализира чрез анимации и ако Opera реши да не продължи анимацията, тогава анимационното събитие също не се генерира и сайтът просто спира да функционира.
Бях сигурен, че тъй като анимацията в Opera е внедрена преди повече от година и дори сега се поддържа без префикси на доставчици, тогава всичко ще работи правилно. Не не. Сега просто не е ясно какво да правя. Наистина не исках да правя резервно копие на jQuery, тъй като цялата същност на идеята е загубена.
Някой срещал ли се е с това и ако да, как е решил и дали е решил?
- Възстановете USB флаш и карти с памет с всеки проблем
- Решение или проблем за биоразградими торби
- Жителите на Алмати предлагат възможности за решаване на проблема с изоставените деца
- Проблеми с AJAX и кодиране
- 1) каква е същността на хуманистичния подход към етническите проблеми; 2) защо се оценява национализмът