2011-09-01 22 views
5

Sto cercando di animare la dimensione della mia immagine di sfondo, ma non funziona - Qualche idea sul perché dal seguente codice?jQuery - Animate css background-size?

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

Nota: tutte le altre proprietà animano in modo corretto, è solo lo sfondo di dimensioni che non aggiorna.

Grazie!

+0

è possibile applicare l'animazione personalizzata separatelly che lo farà per voi. $ (this) .animate ({'opacity': 1, 'right': 39, 'top': 45}, {duration: 250, step: function (stepsLeft) {}); – varela

risposta

4

Perché background-size è una proprietà CSS3 che non è ancora supportata da jQuery poiché è ancora un candidate for recommendation.

Vedere questo plugin.

+0

qualsiasi modifica su questo? quella pagina del plugin non viene più trovata – Damon

+2

@ Tom: Grazie per non aver fornito alcun link! È molto più semplice ora, dal momento che questo thread è il primo (e unico) uno dei risultati di Google in realtà correlati alla domanda;) [Ho usato query diverse]. – meeDamian

+0

Ecco il plugin suggerito: http://louisremi.github.com/jquery.backgroundSize.js/demo/ – silentmouth

0

Vecchia catena di collegamento in avanti a this plugin Ma è piuttosto difficile trovare la funzione che risponde a questa domanda.