Tengo dos divs así y están colocados en el pie de página de mi sitio web:
Y aquí está mi código:
.upNextCard{ /* Rectangle 68 */ position: absolute; width: 214.29px; height: 255.69px; margin-left:300px; margin-top:139px; background-color:#E0B21C; transform: rotate(-12.08deg); display: flex; justify-content: center; align-items: center; overflow: hidden; transition: 0.5s; pointer-events: visible; } .upNextCard:hover { margin-top: 120px; } .upNextBanner{ /* Rectangle 69 */ position: absolute; width: 65.31px; height: 47.17px; background: #FE9C9C; transform: rotate(-12.45deg); margin-left: 400px; margin-top: 98px; pointer-events: visible; }¿Hay alguna manera de que pueda activar ambos pasando el cursor sobre el cuadro grande?
Sí, simplemente encadenarlos para que se desplacen sobre la caja grande.
.bigbox: hover .upNextBanner{ Etc.... }
.bigbox: hover .upNextCard{ .... }
Sería más fácil si publica su código html para ver la relación entre divs
mira esto https://www.w3schools.com/css/css_combinators.asp
puede ayudarte