Tener transiciones de imagenes o imagenes que se sobreponen
Autor: LHNET SW
Visitado 1307,
Followers 1,
Compartido 0
Hola
Quiero tener en mi website imagenes que se sobreponen unas a otras, o tal vez llamarles transicion de imagenes. Porque he visto paginas web que lucen muy bien con esto.
Existe una funcion para hacer esto?
Existe un objeto para hacer esto?
Aqui escribo un par de URL de ejemplos que tienen este efecto.
Y es lo que necesito en mi website:
https://www.apple.com/macos/big-sur/
https://www.apple.com/mx/homepod-mini/
De antemano muchas gracias y quedo en espera de sus valiosos comentarios
Publicado en
Autor
Una cosa mas. El efecto es cuando se hace scroll
Hola LHNET SW
Es una animación muy compleja, pero asumo que si tienes paciencia lo lograrás. WebSite X5 no la dispone de manera directa.
Revisa este tópico: https://juanoa.com/desarrollo/haciendo-animaciones-como-las-de-la-web-de-apple/
En esa página te explican el proceso y te dan el código.
Saludos
Jorge M.
Estimados... me dejan dudando jajaja... ya que entro a las dos paginas y ni en firefox ni en chrome veo animaciones...
(sera por algo del proxy de mi trabajo? jajaja)
Saludos!
Colega debes darle a la ruedita del ratón, la animación ocurre cuando bajas o subes. De todas maneras aquí tienes un ejemplo en video: https://ovdivi.com/como-crear-un-efecto-de-animacion-tipo-airpods-pro-de-apple-con-wordpress-y-divi/
Saludos
Jorge M.
Autor
Gracias Jorge por tu respuesta. Veo que es muy compleja la animacion pero podria empezar a probar con algo sencillo. Ademas gracias por tomarte el tiempo de enviar una URL con el topico.
Dejare un par de diás más abiertos los comentarios por si alguien mas quisiera comentar algo adicional.
Saludos!
Autor
Así es Carlos, por alguna razón esta animacion no se despliega correctamente en algunos navegadores web. Yo en mi iPhone 7 solo veo 1 de las 2 animaciones y no se la razon de esto.
En un iPhone 6 que tengo si se ven bien.
Tuve que abrirlas en mi Pc con Windows y en diferentes navegadores porque pasa lo mismo, en unos navegadores web si se ve la animacion y en otros no.
Tal vez sea algo de memoria cache o algo asi.
Saludos!!
Tal cual colegas, miren, asi la veo en Chrome, Firefox y Edge... (en mi trabajo, que usamos proxy), y todo eso esta fijo, sin video de fondo ni nada...
Vaya a saber la cantidad de cosas graficas que me estaba perdiendo de otras paginas y recien me entero jajajajaa
Voy a investigar...
EDITADO: acabo de probar en el cel, y ahi si se ve la animacion, por lo que seguro aca en el trabajo hay cosas que no pasan por el proxy.