2012-06-01 10 views
9

Entiendo que las animaciones CSS3 no funcionan en IE. Me preguntaba si hay una solución de JavaScript para este problema.Animación CSS3 en IE8/9

Aquí hay un enlace a lo que quiero para recrear en el IE: http://animation.kashoo.co.uk/

Cualquier consejo sería grande.

+0

duplicado Posible de http://stackoverflow.com/q/5612352/504930 – devius

+0

Debes seleccionar qué respuesta resolvió tu problema :) – Martin

Respuesta

1

Hay muchos complementos de JQuery que proporcionan animaciones. Aquí hay uno que tiene un efecto de volteo similar al que está buscando. http://lab.smashup.it/flip/

3

Echa un vistazo a las funciones animados de jQuery:

11

Después de una rápida búsqueda en Google me encontré con un plugin de jQuery que cambia de función estándar $ .animate de jQuery() para que se utilice transiciones CSS3 siempre que sea posible:

$.animate-enhanced

edición:

Después de probar el plugin anterior en un sitio mío, el sitio se rompió. No estoy seguro de si va a tener el mismo problema o no, pero aquí está mi solución:

Usted necesitará Modernizr.js

Básicamente, se comprueba (con Modernizr) si el navegador es compatible con una determinada característica , y luego decida si desea animar con CSS3 o Javascript.

Por ejemplo:

(Digamos que usted es un objeto de animación para mover hacia la derecha por 200 píxeles)

if(Modernizr.csstransitions) { 
    // use your appropriate browser prefixes 
    yourDomObject.style.transition = 'left 2s'; 
    yourDomObject.style.left = parseInt(yourDomObject.style.left) + 200 + 'px' 

} else { 

    var left = parseInt($(yourDomObject).css('left')) + 200 + 'px'; 
    $(yourDomObject).animate({ 
     'left' : left 
    },2000,'easeOutExpo'); 
} 
Cuestiones relacionadas