2011-09-01 4 views
5

배경 이미지의 크기를 움직이기 위해 노력하고 있지만 작동하지 않습니다. 왜 다음 코드를 사용했는지 알 수 있습니까?jQuery - CSS 배경 크기에 애니메이션을 적용 하시겠습니까?

$(this).animate({'opacity' : 1, 'background-size':'70px 48px', 'right':39, 'top':45}, 250); 

참고 : 다른 모든 속성은 올바르게 애니메이션되며, 업데이트되지 않는 배경 크기입니다.

감사합니다.

+0

맞춤 애니메이션을 분리하여 적용 할 수 있습니다. $ (this) .animate ({ 'opacity': 1, 'right': 39, 'top': 45}, {duration : 250, step : function (stepsLeft) {}); – varela

답변

4

background-size은 jQuery에서 지원하지 않는 CSS3 속성이기 때문에 여전히 candidate for recommendation입니다.

여기를 참조하십시오. plugin

+0

변경 사항이 있습니까? 해당 플러그인 페이지를 더 이상 찾을 수 없습니다 – Damon

+2

@ 톰 : 링크를 제공하지 주셔서 감사! 이 스레드는 Google 결과의 첫 번째 (및 유일한) 결과이므로 실제로는 더 쉽습니다.) [다른 검색어를 사용했습니다.] – meeDamian

+0

다음은 추천 플러그인입니다. http://louisremi.github.com/jquery.backgroundSize.js/demo/ – silentmouth

0

이전 링크 체인은 this plugin 으로 전달됩니다.하지만이 질문에 대답하는 기능을 찾기가 어렵습니다.

관련 문제