Foros del Web » Creando para Internet » CSS »

Cómo hago algo así?

Estas en el tema de Cómo hago algo así? en el foro de CSS en Foros del Web. Hola amiguitos mios, estoy feliz de volverles a hablar. Les cuento que ya se un poquito más de bootstrap, pero ahora me gustaría hacer algo ...
  #1 (permalink)  
Antiguo 06/07/2015, 11:15
Avatar de julia2021  
Fecha de Ingreso: diciembre-2014
Ubicación: Mexico
Mensajes: 152
Antigüedad: 9 años, 4 meses
Puntos: 11
Sonrisa Cómo hago algo así?

Hola amiguitos mios, estoy feliz de volverles a hablar. Les cuento que ya se un poquito más de bootstrap, pero ahora me gustaría hacer algo con esos efectos verticales en donde las imagenes se mueven a distintas velocidades a medida que uno va haciendo scroll hacia abajo, como por ejemplo esta web: http://livedemo00.template-help.com/wordpress_52950/

Alguien sabrás como se hacen esos efectos??. Desde ya un Besito a quien quiera ayudarme !!!!!!

Última edición por pzin; 11/07/2015 a las 05:17 Razón: Quitar color del texto
  #2 (permalink)  
Antiguo 11/07/2015, 05:18
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Cómo hago algo así?

Son imágenes de fondo que se mueven según haces scroll.

Lo único que tienes que hacer es cambiar el valor de background-position según el scroll de la página. Esto lo haces con JavaScript.
__________________
(:
  #3 (permalink)  
Antiguo 11/07/2015, 08:11
 
Fecha de Ingreso: julio-2014
Mensajes: 179
Antigüedad: 9 años, 9 meses
Puntos: 26
Respuesta: Cómo hago algo así?

No creo que se refiera a las imágenes de fondo como tal

Si es el caso el efecto al que te refieres se llama Parallax, en este caso hay mucha ayuda por internet:
http://johnpolacek.github.io/scrollorama/
http://prinzhorn.github.io/skrollr/
http://johnpolacek.github.io/superscrollorama/

y algunos mas en la pagina de jquery
http://plugins.jquery.com/tag/scroll/

Saludos!
__________________
Si haces las cosas como nadie las ha hecho, cobralas bien, si las vas a hacer como todos las han hecho, cobralas bien!!
MecanizandoWeb.com
  #4 (permalink)  
Antiguo 11/07/2015, 14:53
Avatar de julia2021  
Fecha de Ingreso: diciembre-2014
Ubicación: Mexico
Mensajes: 152
Antigüedad: 9 años, 4 meses
Puntos: 11
Respuesta: Cómo hago algo así?

Gracias mil PZIN por responderme. Entiendo lo del valor de "background-position" pero me podrías por favor dar un poco más de luz. Un besito desde ya por tu ayuda
  #5 (permalink)  
Antiguo 13/07/2015, 09:13
 
Fecha de Ingreso: julio-2015
Mensajes: 1
Antigüedad: 8 años, 9 meses
Puntos: 1
Respuesta: Cómo hago algo así?

Efectívamente Parallax. Internet está repleto de ejemplos. El problema es la renderizacion de los navegadores. A nosotros personalmente no nos gusta. Puedes ver un ejemplo que creamos en [enlace moderado] en el que usamos algo diferente. Divs que se superponen conforme actuas sobre el scroll. Es bien diferente pero consigues un efecto mucho menos pesado.

Última edición por pzin; 13/07/2015 a las 16:20 Razón: Autobombo
  #6 (permalink)  
Antiguo 13/07/2015, 16:24
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Cómo hago algo así?

Técnicamente no es un efecto de paralaje. La mayoría de personas que dicen que lo es, muchas veces no conocen ni su definición. Como digo, es simplemente una imagen de fondo que cambia la su posición en el eje vertical según se hace scroll.

raesgar28, bienvenido al foro. No es muy elegante entrar en un foro y que el primer mensaje sea a un artículo propio, aunque la intención sea buena. Menos aún cuando «Internet está repleto de ejemplos».
__________________
(:

Etiquetas: bootstrap
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:44.