Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Maria Garibi en 19 de Febrero 2015, 22:14

Título: Propiedad CSS3 Transition incompatibilidad entre navegadores Chrome y otros
Publicado por: Maria Garibi en 19 de Febrero 2015, 22:14

Hola, soy nueva en este foro.

Estoy diseñando una página y he utilizado la propiedad transition para generar un efecto cubo a unos LI de una UL.

En Chrome se ejecuta la acción, pero Safari ni Intenert Explorer me los ejecuta.

En el mismo diseño hay propiedades que se activan con Jquery¿podría haber incompatibilidades?

¿A alguien se le ocurre como solucionar el problema de esta incompatibilidad?

Un saludo.

Título: Re:Propiedad CSS3 Transition incompatibilidad entre navegadores Chrome y otros
Publicado por: Ogramar en 20 de Febrero 2015, 08:25

Hola María! Te recomiendo que le eches un ojo a el curso CSS http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=75&Itemid=203 y a los artículos sobre transition como http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=768:animaciones-css-transition-property-transition-duration-timing-function-y-efecto-delay-ejemplos-cu01063d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203

La propiedad transition no es reconocida por algunos navegadores antiguos, en los que lo más aconsejable sería "olvidarse" de pretender generar ese efecto con CSS. Por tanto el primer paso sería comprobar si esos navegadores donde observas que no se ejecuta bien el código admiten transition o no (puedes hacer una prueba sencilla para comprobarlo), y en caso de admitirlo, comprobar si necesitan prefijo específico o no.

También es posible que haya algún problema con el código. Para poder revisar el código te recomiendo que lo pegues como se explica aquí: https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0

Salu2