Foro de elhacker.net

Hola a todos
Hasta ahora he estado haciendo las animaciones de mis páginas con JQUERY, más que todo por su fama de compatibilizar sus animaciones con todos los navegadores... Hoy necesito usar CSS3 para hacer una animación que se complica bastante en JQ... CSS3 también lo conozco muy bien, el único problema que tengo ahora es que, no sé si MODERNIZR soporta las KEYFRAMES, en la página sólo dice CSS3 ANIMATIONS, pero, no estoy seguro si con eso se refiere sólo a las transiciones o TODAS las animaciones. Quisiera saber, de alguien que use MODERNIZR y las KEYFRAMES, si es que esta librería soporta las animaciones avanzadas CSS3 (KEYFRAMES), gracias...

Puesto que los @keyframes son parte de animation de CSS3, se aplican los mismos soportes. Es decir, si modrnizr detecta que el navegador soporta animation, soporta también @keyframes.

http://caniuse.com/#search=CSS3%20anima

Saludos

Es que alguien me dijo que lo malo de MODERNIZR era que no soportaba las KEYFRAMES, aunque entre las opciones de soporte de MODERNIZR sale ANIMATIONS...  He Googleado pero no salen muchos resultados, casi no hay información

Creo que no me entendiste...

Para que el navegador soporte animation debe soportar @keyframes si o si. Es de lo que se hacen las animaciones.. de frames.

http://www.w3schools.com/css/css3_animations.asp

Una cosa es animation, otra cosa es transform (http://www.w3schools.com/cssref/css3_pr_transform.asp) y otra cosa es transition (http://www.w3schools.com/css/css3_transitions.asp). Modernizr soporta todas.

Saludos

Quizá no te he entendido, yo sólo quería saber si, instalando MODERNIZR las animaciones CSS3 se iban a ver en versiones antiguas de IE, como IE8, o hasta en la 9, que no es tan antigua pero, no soporta animaciones CSS3

No no no. Modernizr solo sirve para detectar si el navegador soporta X cosa y para hacer que versiones viejas de IE soporten tags HTML5. Nada mas. Las soluciones a navegadores viejos las pones tu.. modernizr solo te ayuda a saber cuales debes cargar y cuales no.

Saludos

¿Y entonces qué es esto?

http://modernizr.com/download/

A la izquierda aparecen opciones para css3, TEXT-SHADOW, BORDER-RADIUS, BOX, SHADOW, ANIMATIONS, ETC

Traducido: Usa la herramienta de abajo para escoger solo las pruebas que necesitas [realizar].

Saludos