Переходы CSS3 — библиотека Javascript

Кто-нибудь знает небольшую библиотеку Javascript, которая будет имитировать переходы CSS3 для браузеров, таких как Firefox 3.6 или IE8?

Пример:

-webkit-transition:left 1s ease-in;

Я предполагаю, что такую ​​библиотеку довольно сложно разработать.

Эти два поддерживают многое, но не поддерживают переходы CSS3:

Затем у нас есть Modernizr, но он занимается только тестированием функций.

Самое замечательное в наличии дополнительной мини-библиотеки для поддержки переходов CSS3 заключается в том, что вам не нужно писать собственный резервный код. Вы можете просто подключить его и убедиться, что эти переходы работают в большинстве браузеров.


javascript css transitions
person DADU    schedule 09.01.2011    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Вы можете попробовать использовать анимацию JQuery, чтобы имитировать эффект, но для этого все равно потребуется некоторое кодирование. Нет ничего проще, чем код CSS3 для переходов ;(

person robx    schedule 29.04.2011

arrow_upward
1
arrow_downward

Я искал такую ​​же библиотеку, но безуспешно, поэтому решил создать ее. Надеюсь, это то, что вы хотели - alevkon/smooth.

person alevkon    schedule 04.09.2012

arrow_upward
0
arrow_downward

Недавно я открыл библиотеку JavaScript, которая может помочь вам с вашим вопросом. Он опубликован на http://transitionjs.org.

Это позволяет вам быстро применять переход CSS к элементам из JavaScript без редактирования вашего CSS. Например, чтобы выполнить переход CSS, который вы упомянули в своем вопросе, вы должны просто написать:

transitionjs.begin(element, 'left 0px 100px 1s ease-in');

примечание: вам нужно будет указать начальное и конечное значения перехода.

person smnh    schedule 11.09.2015