css3 transition easing을 jquery easing function으로 변환하는 방법은 무엇입니까?

Question

현대적인 브라우저와 오래된 브라우저 용 슬라이더를 만들고 있습니다. translate3d와 transition을 사용하여 css3을 지원하는 최신 브라우저에서 애니메이션을 만듭니다. 이전 브라우저에서 2d 상단, 왼쪽 및 여유 기능을 사용합니다. 여기에서 완화 CSS3 사용

http://matthewlein.com/ceaser/

나는 오래된 브라우저에서 사용하는 자바 스크립트 함수로 변환합니다. 저기에 많은 여유 기능이 있다는 것을 알고 있지만 변환 방법을 알고 싶습니다. 가능한가?

Answer 1

당신은 jQuery를에 큐빅 베 지어 이징의 jQuery Bez 플러그인을 사용할 수 있습니다

데모 : http://jsfiddle.net/SO_AMK/sbZ7a/

jQuery를 :

$("#box").click(function() { 
    $(this).animate({ 
     "margin-left": 200 
    }, 2000, $.bez([0.685, 0.595, 0.020, 0.720])); 
}); 

// Take the Ceaser output and put the values in, in order, like above. i.e. cubic-bezier(0.685, 0.595, 0.020, 0.720) would end up as the above value​ 

플러그인 : https://github.com/rdallasgray/bez

Answer 2

나는 대답은 이미 알고 받아 들였지만, 애니메이션을 완화하는 데 적합한 다른 멋진 jQuery 플러그인을 공유하고 싶습니다.

http://ricostacruz.com/jquery.transit/