Fondo con efecto Parallax para tu blog
Un generador de fondos con efecto Parallax, que permite el movimiento animado de las imágenes de fondo a través del movimiento del cursor o del scroll.
Navegando por la web encontré este genial generador de fondos con efecto Parallax. Para comprender el aspecto de este efecto, mira este blog de pruebas. Es muy sencillo de aplicarlo en tu sitio, y para que no te sea tan dificil generar el código, acá te muestro el tutorial para utilizar este generador.
Seguramente esta herramienta te servirá y le dará un toque muy llamativo y animado a tu blog.
- Ingresa a Web Features - Parallax Background Builder y elige la primera opción que permite crear un fondo general, es decir que se aplica al fondo principal.
- Para evitar conflictos con la imagen de fondo de tu blog, si es que la tienes, elige el color transparente para la capa del fondo.
- Para agregar más capas, utiliza el botón en la esquina:
Se abrirá una ventana donde deberás insertar el URL de la imagen, o también puedes elegir una de la galería que te ofrece el generador.
- En la barra derecha, puedes elegir el modo de la imagen, puede ser pattern, para que la imagen se repita, o image, la imagen no se repite y puedes posicionarla hacia la izquierda o hacia el bottom.
- En la barra de la izquierda, encontrarás las opciones para aplicar el efecto de movimiento a las capas.
Tienes las opciones Mouse Move, la capa se mueve con el desplazamiento del cursor, y Mouse Scroll, al mover la ruedita del mouse, la capa se desplaza.
Al marcar la opción se abren las opciones que definirán la dirección o la orientación del movimiento y la velocidad con que se producirá.
Sólo debes experimentar y verás todos los efectos que puedes obtener. - Para obtener el código para aplicar el efecto en tu blog, presiona "Get Embed Code" y pega el código en tu plantilla antes de </head>.
Seguramente esta herramienta te servirá y le dará un toque muy llamativo y animado a tu blog.








Que buen tuto...!!!!
ResponderEliminarGenial!!! gracias por el post!
ResponderEliminar