Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] efecto de la página de xiaomi

Estas en el tema de efecto de la página de xiaomi en el foro de CSS en Foros del Web. Buenas tardes, Estoy mirando la página de xiaomi http://www.mi.com/en/mi5/ (espero que se pueda poner este enlace, si no, se borra) Me gustaría saber cómo se ...
  #1 (permalink)  
Antiguo 13/07/2016, 09:32
 
Fecha de Ingreso: junio-2011
Mensajes: 151
Antigüedad: 12 años, 9 meses
Puntos: 2
efecto de la página de xiaomi

Buenas tardes,

Estoy mirando la página de xiaomi http://www.mi.com/en/mi5/ (espero que se pueda poner este enlace, si no, se borra)

Me gustaría saber cómo se hace el efecto ese que parece que va por diapositivas.

He puesto esto aquí, porque no sabía dónde ponerlo la verdad. Supongo que a parte de tener css tendrá algo más, del estilo javascript o ajax o algo de eso, pero sabéis cómo se podría hacer ese efecto???

Un saludo
  #2 (permalink)  
Antiguo 13/07/2016, 13:45
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 2 meses
Puntos: 36
Mensaje Respuesta: efecto de la página de xiaomi

http://www.falconmasters.com/web-des...llax-sencillo/
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #3 (permalink)  
Antiguo 14/07/2016, 04:15
 
Fecha de Ingreso: junio-2011
Mensajes: 151
Antigüedad: 12 años, 9 meses
Puntos: 2
Respuesta: efecto de la página de xiaomi

He visto el vídeo y la verdad que no se parece en nada a lo que he preguntado. En el vídeo te hace como un parallax del bakcground y los de xiaomi no tienen eso
  #4 (permalink)  
Antiguo 18/07/2016, 18:15
Avatar de chulifo  
Fecha de Ingreso: abril-2009
Ubicación: perdido en codigos del PHP, pero aprendo rapido!
Mensajes: 524
Antigüedad: 15 años
Puntos: 18
Respuesta: efecto de la página de xiaomi

Cita:
Iniciado por elpre Ver Mensaje
He visto el vídeo y la verdad que no se parece en nada a lo que he preguntado. En el vídeo te hace como un parallax del bakcground y los de xiaomi no tienen eso
Amigo dejeme decirle que si es el mismo, el efecto se le conoce como parallax solo que no esperaras encontrar en la web un ejemplo tal cual a que mencionas

En la web que mencionas ocurren otros efectos, si utilizaras un inspector de codigo de dieras cuenta. Pero el principal es parallax.
__________________
Solo soy un simple fanático que mata el tiempo de la mejor manera.
  #5 (permalink)  
Antiguo 19/07/2016, 12:25
 
Fecha de Ingreso: julio-2016
Ubicación: en mi casa
Mensajes: 8
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: efecto de la página de xiaomi

Código HTML:
Ver original
  1. <h1>hola mundo</h1>
  #6 (permalink)  
Antiguo 02/08/2016, 02:27
 
Fecha de Ingreso: junio-2011
Mensajes: 151
Antigüedad: 12 años, 9 meses
Puntos: 2
Respuesta: efecto de la página de xiaomi

Cita:
Iniciado por chulifo Ver Mensaje
Amigo dejeme decirle que si es el mismo, el efecto se le conoce como parallax solo que no esperaras encontrar en la web un ejemplo tal cual a que mencionas

En la web que mencionas ocurren otros efectos, si utilizaras un inspector de codigo de dieras cuenta. Pero el principal es parallax.
sí que buscando tipos de parallax aparecen muchos tipos y se ven muchos parecidos.
En esta página http://www.paellacreativa.com.ar/201...ax-diseno-web/ hay muchos tipos diferentes y en el tercer ejemplo sale básicamente el mismo tipo.
Yo lo que pensaba era que se utilizaba algo como en las páginas del tipo "one-page" con los menús, que digamos hay diferentes secciones y al darle va a esa sección.

Un saludo y gracias

Etiquetas: efecto, página
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 11:57.