2013-07-09 3 views
6

Я использую jQuery для анимации вместе с переходом CSS3.jQuery easing vs CSS3 transition - Есть ли точный эквивалентный сглаживание?

Проблема в том, что я не смог найти эквивалентную сглаживающую анимацию. Есть ли?

Ближайший я получил это (jQuery easeOutQuad и CSS3 по умолчанию).

CSS:

#div1 { transition: width 0.5s; } 

JQuery:

$('#div2').animate({'width': 200}, 500, 'easeOutQuad'); 

http://jsfiddle.net/bzw4q/

Но они все-таки разные.

Я хочу, чтобы и то, и другое одновременно вместе (используя любой хороший алгоритм ослабления). Это возможно?

+1

Вы можете определить [функции синхронизации времени с использованием CSS3] (http://www.w3.org/TR/css3-transitions/#transition-timing-function-property); это то, о чем вы просили? –

+1

Почему бы не добавить имя класса с jQuery и использовать его для запуска и синхронизации анимации? –

ответ

2

Попробуйте с swing и ease-in-out>http://jsfiddle.net/et6Hg/

Я думаю, что у вас есть больше шансов :)

+1

Спасибо Уссама! Хорошая вещь - «качание» по умолчанию, нижняя сторона - вам нужно умножить продолжительность jQuery на 0,96. Но это достаточно хорошо! – Aximili

Смежные вопросы