2013-07-09 29 views
6

Tôi đang sử dụng jQuery animate cùng với quá trình chuyển đổi CSS3.jQuery giảm bớt so với chuyển đổi CSS3 - Có làm mịn tương đương chính xác không?

Vấn đề là tôi không thể tìm thấy hoạt ảnh làm mịn tương đương. Có cái gì không?

Điều gần nhất tôi nhận được là điều này (jQuery easeOutQuad và CSS3 mặc định nới lỏng).

CSS:

#div1 { transition: width 0.5s; } 

jQuery:

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

http://jsfiddle.net/bzw4q/

Nhưng họ vẫn là khác nhau.

Tôi muốn cả hai cùng hoạt động cùng một lúc (sử dụng bất kỳ thuật toán giảm tốc tốt nào). Điều đó có thể không?

+1

Bạn cũng có thể xác định [chức năng định thời chuyển tiếp sử dụng CSS3] (http://www.w3.org/TR/css3-transitions/#transition-timing-function-property); đó là những gì bạn đang yêu cầu? –

+1

Tại sao không thêm tên lớp bằng jQuery và sử dụng tên đó để bắt đầu và đồng bộ hóa, hoạt ảnh? –

Trả lời

2

Hãy thử với swingease-in-out>http://jsfiddle.net/et6Hg/

Tôi nghĩ rằng bạn có cơ hội tốt hơn :)

+1

Cảm ơn bạn Ussama! Điều tốt là 'swing' là mặc định, phía dưới là bạn cần nhân thời gian jQuery với 0,96. Nhưng đó là lời cảm ơn đủ tốt! – Aximili

Các vấn đề liên quan