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

Question

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

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

Я также обнаружил FakeSmile , но он в основном предназначен для SVG-анимации.

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

Answer 1

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

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

Answer 2

Google Polymer Project включает Web Animations Polyfill для черновика W3C Web Animations spec.

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

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