Entradas

Mostrando las entradas de junio, 2015

Creación de Efecto Parallax y Texto 3D solo con HTML5 y CSS3

Imagen
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í .