Como puedo enlazar dos contenedores para que sean uno

  • mendezflexer

    (@mendezflexer)


    hace 3 meses, 2 semanas

    Hola buenas, tengo dos contenedores:

    Contenedor 1: es un rectángulo con una imagen de fondo

    contenedor 2: tiene un rectangulo color gris i cuando pasas el mouse por encima se cambia a color azul

    Lo que quiero hacer es que cuando pase tambien el raton por el contenedor que tiene la imagen, tambien se cambie de color el rectangulo. Podeis verlo en la web: uab.cat/web/universitat-autonoma-de-barcelona-1345467954409.html en el apartado de ACTUALIDAD. (Quiero hacer ese efecto)

    Estoy utilizando elementor gratis, nose si eso influye.

    Muchas gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 1 respuesta (de un total de 1)
  • Alvaro Gómez

    (@mrfoxtalbot)

    hace 3 meses, 2 semanas

    No sé si Elementor te permite hacer esto pero puedes solucionarlo con un poco de CSS personalizado. El truco del ejemplo que nos pones arriba es que tanto la imagen como el titular están dentro de un mismo contenedor, que es el link. De esta manera, cuando pones el ratón encima del contenedor, ambos elementos cambian:

    a:hover h3 {
      color:red // el estilo del texto
    }
    a:hover img {
      opacity: 0.8 // el estilo de la imagen
    }

    Te dejo aquí un Codepen con un ejemplo completo.

    Suerte!

Viendo 1 respuesta (de un total de 1)
  • Debes estar registrado para responder a este debate.

Etiquetas