Mostrar los tags: Parallax

Mostrando del 1 al 6 de 6 coincidencias
<<>>
Se ha buscado por el tag: Parallax
Imágen de perfil

Mover objetos con el Scroll (Parallax)


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 21 de Mayo del 2017)
2.597 visualizaciones desde el 21 de Mayo del 2017
Mover objetos, texto, imágenes, etc. con la barra de scroll. Utilizado también para efectos como Parallax.
Un evento invoca la función JavaScript encargada de hacer los efectos. La posición del scroll con respecto al Top, determina la posición de un DIV. Una división matemática, ralentiza el movimiento con respecto al fondo. Hay más opciones posibles...


Espero sea útil.

Un saludo
Imágen de perfil

Ejemplo parallax moviendo una imagen hacia la izquierda


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 16 de Julio del 2019 por Joan
739 visualizaciones desde el 16 de Julio del 2019
En este ejemplo, se mueve una imagen de derecha a izquierda a medida que va bajando el scroll de la pagina.

parallax-horizontal
Imágen de perfil

Ejemplo parallax subiendo el fondo con el scroll


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Julio del 2019 por Joan
729 visualizaciones desde el 15 de Julio del 2019
Este es un simple ejemplo, en el que se visualiza la imagen de fondo como va subiendo lentamente a medida que vamos bajando el scroll de nuestra pagina.
paralax-sube-fondo
Imágen de perfil

Plantilla HTML para Web 2.0


HTML

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 16 de Febrero del 2019 por ScriptShow (Publicado el 19 de Agosto del 2017)
5.256 visualizaciones desde el 19 de Agosto del 2017
Una Web 2.0 basada en HTML y CSS compatible.

Un efecto Parallax y Reveal para presentar todos los contenidos desplazando la barra de Scroll.
La estructura es ampliable, adaptable, compatible con cualquier pantalla y/o dispositivo.
La respuesta del Sitio es ágil y rápida con imágenes optimizadas.

Un Saludo
Imágen de perfil

Parallax - Scrolling - Simple


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Junio del 2018 por ScriptShow
1.434 visualizaciones desde el 2 de Junio del 2018
Basado en CSS, sin más, he aquí un efecto muy utilizado en los Sitios Web actuales.
Nada de librerías, nada frameworks, nada de bootstrap... Adaptable y compatible, Con escasos 2Kb. es posible.

¡Dale al Scroll y a la Imaginación!. Construye tu Sitio desde cero...


Un saludo
Imágen de perfil

web con parallax verción novato () aun no funciona del todo bien XD


HTML

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 23 de Febrero del 2015 por Samir R. (Publicado el 13 de Febrero del 2015)
2.878 visualizaciones desde el 13 de Febrero del 2015
bueno esta web esta diseñada con etellar j.s para un efecto parallax, hay un error en la previsualización de imágenes esta un poco desordenado pero la idea es si alguien me puede ayudar a corregirlo si de alguna manera les sirve el código esta bien por mi si lo usan y lo corrigen agradecería que me mostraran los errores supongo deben ser un poco mas de los normales no olviden que aun soy un aficionado.

parallax