PolyFill/Shim для переходов и анимаций CSS

Google меня несколько не смущает (я думаю, потому что терминология для PolyFill/Shim/Spackle на данный момент новая и разнообразная). Я пытаюсь найти хороший JavaScript PolyFill или Shim для webkit (а теперь и из RC FireFox 4) переходов CSS.

Я нашел эту работу, что Weston Ruter, но он не обновлялся через некоторое время и использует обнаружение браузера в отличие от обнаружения функции.

Я также обнаружил FakeSmile, но он ориентирован главным образом на анимацию SVG.

Кто-нибудь знает какие-либо хорошие библиотеки, чтобы заполнить эту функциональность? Предпочтительно что-то, что будет работать с Modernizr и по-прежнему активно работает. Пока что лучший вариант выглядит, начиная с того, что придумал Уэстон.

Ответ 1

Существует очень хороший переход CSS3 polyfill для jQuery, называемый jQuery.transition.

Вы можете просто использовать обычный метод animate() в jQuery, и он будет автоматически использовать переходы CSS3, если они доступны, а если нет, то он вернется в ваниль JQuery.

Ответ 2

Google Полимерный проект включает Веб-анимации polyfill для черновика W3C Web Animations.

Предостережение emptor: Это довольно ранняя работа, так как спецификация W3C - это только общественный рабочий проект, поэтому все может измениться. Полимерные полимеры также выглядят так, как будто они ориентированы только на самую последнюю версию браузеров (например, IE10 +), поэтому могут не соответствовать вашим потребностям. Тем не менее, это очень рано в проекте, поэтому следите за ним и экспериментируйте.

Если вы тщательно протестируете платформы, на которых работают ваши пользователи, сегодня вы можете воспользоваться будущей сетью.