Privada de Las Flores 125, Int. 7 y 8, Col. Reforma, Oaxaca de Juárez, Oaxaca

Close Icon
   
Contact Info    
951 128 4578
951 168 4452

Fondo para paginas web con movimiento

Hola a todos, buscando como hacer un banner similar al de semantic-ui donde el fondo se mueve, encontré un buen ejemplo y lo quiero compartir por si alguien lo quiere implementar

Sin título

El blog donde lo encontré es  CSS-TRICKS donde tienen varias cosas interesantes, implementé un ejemplo que se adapta bien a lo que buscaba

No hay mucho que hacer para hacerlo funcionar en nuestro proyecto, en el css podemos cambiar las rutas de las imágenes que se moverán en el fondo si es que estamos ocupando un framework  o no coincide con nuestros nombres de carpeta

En el trozo de código anterior aparecen tres referencias a id, pero en mi modificación sólo ocupo uno, además que hay que tener precaución con las etiquetas para que no se modifique el diseño original del proyecto. En el archivo index hay un id=“foreground” (que es el que ocupo) donde pongo el contenido del banner.

Abajo dejo los links de descarga y el ejemplo funcionando, si encuentran archivos de más es porque tomo el ejemplo de mi trabajo en curso, espero que les interese

Ejemplo original

Post original

Archivos originales (por si las moscas)

Mi ejemplo modificado

Descarga de mis archivos modificados

 

 

 

Post Tagged with , ,

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Loading Facebook Comments ...