> Faqs > Mostrar Animacion CSS3 solo en navegadores compatibles

Mostrar Animacion CSS3 solo en navegadores compatibles

Buenas tardes, hace poco salio un ejemplo de animación CSS3 (fondo nevando con CSS3), me gusto mucho y así lo puse a mi nuevo portafolio. Mi problema es que se ve solo con Safari y Chrome, y mi pregunta es si hay manera que desaparezca de los demás navegadores este div?

Respuestas

Si, claro! Antes de comentar posibles soluciones, te digo que las características de CSS3 como la animación dentro de poco estarán disponibles en todos los navegadores. Los ejemplos que tenemos nosotros en la web y en concreto al que te refieres hacen uso de los atributos exclusivos de CSS 3 de Chorme o Safari, pero ahora que ha salido Firefox 4 (y Firefox 5 ya está en fase beta) quizás se hayan implementado funcionalidades de animación que se puedan utilizar, siempre y cuando pongas los atributos de CSS 3 propietarios de Firefox. Lo mismo con Opera. Puedes utilizar algún script Javascript, e incluso ASP o PHP, para detectar el navegador del usuario. Lee esto: http://www.desarrolloweb.com/faq/detectar-navegador-usuario.html Otra sugerencia es que detectes el navegador ayudado de algún framework Javascript como Mootools o jQuery. Por ejemplo aquí se explica cómo detectar el navegador con Mootools: http://www.desarrolloweb.com/articulos/core-js-mootools-ii.html Otra posibilidad es usar Hacks CSS, para poner estilos diferentes para cada navegador: http://www.desarrolloweb.com/articulos/hacks-css.html Insisto, es de suponer que en poco tiempo estarán las CSS en estado de implementación recomendada, momento a partir del cual los ejemplos de CSS 3 se verán en todos los navegadores. Así que cualquiera de estas soluciones debes tener en cuenta que es solo temporal y que tendrás que retocarla en su momento para hacer que las animaciones CSS se vean en cualquier navegador.