Efectos de transición entre paginas HTML con ayuda de meta tag
2008-10-17 | Versión para imprimir
Las transiciones suaves entre las paginas HTML se logra através de meta tags, que son insertados en la parte superior de estas, entre <HEAD> </HEAD> . Además puedes poner los efectos de transición lo solo en la aparición de la pagina, sino también a la desaparición. Excepto éste, vale la pena notar que las transiciones funcionan solo bajo browser Internet Explorer.
Ejemplo:
<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1)" />
<meta http-equiv="Page-Exit" content="BlendTrans(Duration=1)" />
Parametros:
Page-Enter - efecto de la aparicién de la página
Page-Exit - efecto de la desaparición de la página
content - efecto utilizado
Ejemplos de efectos:
progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=25, Duration=1) blocks
blendTrans(Duration=1) Blend
revealTrans(Duration=1,Transition=0) Box in
revealTrans(Duration=1,Transition=1) Box out
revealTrans(Duration=1,Transition=2) Circle in
revealTrans(Duration=1,Transition=3) Circle out
revealTrans(Duration=1,Transition=4) Wipe up
revealTrans(Duration=1,Transition=5) Wipe down
revealTrans(Duration=1,Transition=6) Wipe right
revealTrans(Duration=1,Transition=7) Wipe left
revealTrans(Duration=1,Transition=8) Vertical Blinds
revealTrans(Duration=1,Transition=9) Horizontal Blinds
revealTrans(Duration=1,Transition=10) Checkerboard across
revealTrans(Duration=1,Transition=11) Checkerboard down
revealTrans(Duration=1,Transition=12) Random Disolve
revealTrans(Duration=1,Transition=13) Split vertical in
revealTrans(Duration=1,Transition=14) Split vertical out
revealTrans(Duration=1,Transition=15) Split horizontal in
revealTrans(Duration=1,Transition=16) Split horizontal out
revealTrans(Duration=1,Transition=17) Strips left down
revealTrans(Duration=1,Transition=18) Strips left up
revealTrans(Duration=1,Transition=19) Strips right down
revealTrans(Duration=1,Transition=20) Strips right up
revealTrans(Duration=1,Transition=21) Random bars horizontal
revealTrans(Duration=1,Transition=22) Random bars vertical
revealTrans(Duration=1,Transition=23) Random
P.S. Duration=1, un segundo.