2013-07-09 15 views
6

Używam animacji jQuery razem z przejściem CSS3.jQuery easing vs przejście CSS3 - Czy istnieje dokładne równoważne wygładzanie?

Problem polega na tym, że nie można znaleźć równoważnej animacji wygładzania. Czy jest jakiś?

Najbliżej mam to (jQuery easeOutQuad i domyślne złagodzenie CSS3).

CSS:

#div1 { transition: width 0.5s; } 

jQuery:

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

http://jsfiddle.net/bzw4q/

Ale są jeszcze inne.

Chcę, aby jednocześnie animowały się razem (używając dowolnego dobrego algorytmu odchudzenia). Czy to jest możliwe?

+1

Można również zdefiniować [funkcje czasowe przejścia przy użyciu CSS3] (http://www.w3.org/TR/css3-transitions/#transition-timing-function-property); czy o to prosiłeś? –

+1

Dlaczego nie dodać nazwy klasy za pomocą jQuery i użyć jej do rozpoczęcia i zsynchronizowania animacji? –

Odpowiedz

2

Spróbuj z swing i ease-in-out>http://jsfiddle.net/et6Hg/

myślę, że masz większe szanse :)

+1

Dziękuję Ussama! Dobrą rzeczą jest "swing" to domyślny, w dół to trzeba pomnożyć czas trwania jQuery przez 0,96. Ale to wystarczy dzięki! – Aximili

Powiązane problemy