Efectos de transición entre paginas con Etiquetas Meta
Escrito por Michel Yndart on Octubre 3, 2008
Otra de las utilidades de las etiquetas META de HTML es la realización de transiciones entre páginas. Estas transiciones permiten que, al pasar de una página a otra, se cambie de documento creando un sencillo efecto de gradiente, cortinilla, etc. como los que hemos podido ver principalmente en edición de vídeo. Estas transiciones tienen un único objetivo que es mejorar la estética de la página y no afectan para nada al funcionamiento de la misma.
Transiciones sólo son compatibles con Explorer
Las etiquetas META de transiciones sólo son compatibles con Internet Explorer, por lo que otros navegadores no las tendrán en cuenta para nada. Es decir, simplemente las ignorarán.
Nos podremos preguntar entonces: ¿Hasta que punto se hace interesante el uso de las transiciones con etiquetas META? Pues esa respuesta depende de cada desarrollador y de sus criterios personales. Unos directamente las descartarán por no servir para mucho y por no estar presentes en la mayoría de navegadores. Otros podrán decidir utilizarlas, puesto que no afectan para nada a los programas que no las interpretan y por ofrecer algo adicional en Internet Explorer.
En mi modesta opinión, las transiciones entre páginas no son necesarias para nada y algunas son un poco feas, por lo que no acostumbro a usarlas. No obstante, las estoy explicando en este artículo de DesarrolloWeb.com para el que le apetezca utilizarlas y dar un poco de dinamismo en su página, para los usuarios de Internet Explorer. Sobretodo, tener en cuenta que transiciones muy largas pueden ser molestas más que vistosas.
Uso de las META Transition
Las etiquetas META Transition, o META de transición, se definen con la etiqueta META, a la que se le indican dos atributos.
Atributo http-equiv:
Para indicar si la transición es para cuando se entra en la página o cuando se sale de ella.
Atributo content:
Para indicar el tipo de transición y la duración.
Un par de ejemplos de etiquetas meta de transición serían:
<meta http-equiv=”Page-Enter” content=”blendTrans(duration=1)”>
<meta http-equiv=”Page-Exit” content=”revealTrans(duration=0.5, transition=5)”> ¡Espera! hay más que leer…»
