¿MODERNIZR SOPORTA KEYFRAMES?

Iniciado por eduardo(...)brutaldeath, 30 Abril 2014, 21:34 PM

0 Miembros y 2 Visitantes están viendo este tema.

eduardo(...)brutaldeath

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...

#!drvy

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


eduardo(...)brutaldeath

Cita de: #!drvy en  2 Mayo 2014, 15:27 PM
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

#!drvy

#3
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 y otra cosa es transition. Modernizr soporta todas.

Saludos


eduardo(...)brutaldeath

Cita de: #!drvy en  7 Mayo 2014, 20:49 PM
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

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

#!drvy

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

eduardo(...)brutaldeath

Cita de: #!drvy en  7 Mayo 2014, 20:59 PM
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

#!drvy

Cita de: http://modernizr.com/download/Use the Development version to develop with and learn from. Then, when you're ready for production, use the build tool below to pick only the tests you need.

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

Saludos