PolyFill/Shim для CSS-переходов и анимации
Google несколько подводит меня к этому (я думаю, потому что терминология для PolyFill/Shim/Spackle является новой и разнообразной в настоящее время). Я пытаюсь найти хороший JavaScript PolyFill или Shim для CSS-переходов webkit (а теперь и с RC FireFox 4).
Я нашел эту работу, которую сделал Уэстон Рутер, но она давно не обновлялась и использует обнаружение в браузере, а не обнаружение функций.
Я также обнаружил FakeSmile, но он в основном предназначен для SVG-анимации.
Кто-нибудь знает какие-либо хорошие библиотеки, чтобы заполнить эту функциональность? Желательно что-то, что будет работать с Modernizr и до сих пор активно работает. Пока что лучший вариант выглядит так, как если бы он придумал.
2 ответа
Для jQuery существует очень хороший CSS3-переход, называемый jQuery.transition.
Вы можете просто использовать обычный метод animate() в jQuery, и он будет автоматически использовать CSS3-переходы, если они доступны, а если нет, то переключится на vanilla jQuery.
Google Polymer Project включает в себя polyfill Web Animations для черновой спецификации W3C Web Animations.
Предостережение: это довольно ранняя работа, поскольку спецификация W3C - это только публичный рабочий проект, поэтому все может измениться. Кроме того, полифилы Polymer выглядят так, как будто они предназначены только для последних версий браузеров (например, IE10+), поэтому они могут не соответствовать вашим потребностям. Тем не менее, это в начале проекта, так что следите за этим и экспериментируйте.
Если вы тщательно протестируете платформы, на которых работают ваши пользователи, вы можете воспользоваться будущей сетью сегодня.