2011-09-01 12 views
5

Estoy tratando de animar el tamaño de mi imagen de fondo, pero no está funcionando - ¿Alguna idea de por qué a partir del siguiente código?jQuery - Animate css background-size?

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

Nota: todas las demás propiedades se animan correctamente, es solo el tamaño de fondo que no se actualiza.

Gracias!

+0

puede aplicar separadamente una animación personalizada que hará esto por usted. $ (this) .animate ({'opacity': 1, 'right': 39, 'top': 45}, {duration: 250, step: function (stepsLeft) {}); – varela

Respuesta

4

Porque background-size es una propiedad de CSS3 que aún no es compatible con jQuery, ya que todavía es candidate for recommendation.

Ver esto plugin.

+0

¿Algún cambio en esto? esa página de complementos ya no se encuentra – Damon

+2

@Tom: ¡Gracias por no proporcionar ningún enlace! Es mucho más fácil ahora, ya que este hilo es el primero (y el único) en los resultados de Google realmente relacionado con la pregunta;) [Utilicé diferentes consultas]. – meeDamian

+0

Aquí está el complemento sugerido: http://louisremi.github.com/jquery.backgroundSize.js/demo/ – silentmouth

0

Antigua cadena de enlaces hacia adelante a this plugin Pero es bastante difícil encontrar una función que responda a esta pregunta.

Cuestiones relacionadas