Jagged 이미지가 JQuery로 확대

Question

페이지에서 여러 개의 png 이미지 (텍스트 레이블)가 "확대/축소"되는 작은 JQuery 애니메이션 작업을하고 있습니다. 나는 애니메이션의 기초를 알고 있지만 클라이언트는 텍스트가 "흐릿하게"또는 "퍼지"라는 주석을 가지고 있습니다. 나는 그가 애니메이션 렌더링의 복잡성을 언급하고 있다고 생각한다.

당신은 JSFiddle에서 그것을 볼 수 있습니다 : http://jsfiddle.net/H5Mk2/2/

어떤 생각을 애니메이션을 부드럽게에? 그것은 당신의 목적에 어떻게 보이나요?

감사합니다.

Answer 1

CSS3 애니메이션을 사용해 보셨습니까? 필요한 경우 JavaScript를 사용하여 애니메이션을 동적으로 작성할 수 있습니다. 위치 반복보다 훨씬 부드럽게 렌더링되며 종종 하드웨어 가속 및 서브 픽셀 렌더링을 이용합니다.

일부 브라우저 호환성 고려 사항 (http://caniuse.com/#feat=css-animation)이지만 분명히 살펴 보겠습니다.

일부 유용한 링크

http://www.netmagazine.com/tutorials/masterclass-css-animations

http://www.kirupa.com/html5/css3_animations_vs_transitions.htm

http://www.leemunroe.com/css3-animations/