Creación de Efecto Parallax y Texto 3D solo con HTML5 y CSS3
Este
ejemplo permite de manera muy simple generar el diseño de una página web con
estilo parallax, con solo utilizar HTML5
y CSS3 sin una sola gota de JavaScript. De manera similar dentro de
la página crearemos un texto en formato 3D solo con ayuda de 6 directivas de CSS3.
Página Paralax |
Como
se puede ver en la imagen el código se genera un texto con formato 3D el código
que se utilizó dentro de la página web
fue una etiqueta <h1/>, la cual se enlaza con el siguiente código CSS3:
De
esta manera tan sencilla es como se genera dicho efecto fácil, cierto?
Para
obtener el efecto parallax es necesario, un poco más de código, las partes clave
de dicho código que nos permiten crear este efecto se muestran remarcadas en
color azul.
Así de simple!
Si
quieres descargar el ejemplo y conocer un poco más de su funcionamiento da clic
aquí.
Comentarios