Transiciones en la web con HTML

Si alguien quiere agregar una transición entre página y página sólo es necesario incluir esta línea en el <head> junto con los META TAGS de tu página.

Fundido

<meta http-equiv="Page-Enter" content="blendTrans(Duration=3.0)">

Circle in



<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=3,Transition=2)">

Circle out



<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=3,Transition=3)">

Wipe up



<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=3,Transition=4)">

Wipe down



<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=3,Transition=5)">

Wipe right



<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=3,Transition=6)">

Wipe left



<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=3,Transition=7)">

Es posible cambiar la duración de la transición en la opción "Duration" en este ejemplo figura como "Duration=3". Estos ejemplos están planteados para que las transiciones se produzcan al comienzo, "Page-Enter", si queremos agregar el código para realizar la transición a la salida, tenemos que cambiar por "Page-Exit"

<meta http-equiv="Page-Enter" content="blendTrans(Duration=3.0)">

<meta http-equiv="Page-Exit" content="blendTrans(Duration=3.0)">

 

Autor: Buesa

http://www.buesa.net

Leave A Comment?