WebSite X5Help Center

 
LHNET SW
LHNET SW
User

Tener transiciones de imagenes o imagenes que se sobreponen  es

Autor: LHNET SW
Visitado 1030, 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
7 RESPUESTAS
LHNET SW
LHNET SW
User
Autor

Una cosa mas. El efecto es cuando se hace scroll

Leer más
Publicado en de LHNET SW
CARLOS AMARAL
CARLOS AMARAL
Moderator
Usuario del mes ES

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!

Leer más
Publicado en de CARLOS AMARAL
Jorge M.
Jorge M.
Moderator
Carlos Amaral
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.

Leer más
Publicado en de Jorge M.
LHNET SW
LHNET SW
User
Autor
Jorge M.
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.

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!

Leer más
Publicado en de LHNET SW
LHNET SW
LHNET SW
User
Autor
Carlos Amaral
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!

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!!

Leer más
Publicado en de LHNET SW
CARLOS AMARAL
CARLOS AMARAL
Moderator
Usuario del mes ES

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.

Leer más
Publicado en de CARLOS AMARAL