Estoy tratando de reproducir este efecto, cada vez que el mouse toca un div, el div queda rodeado por algún tipo de contenedor como este
Por favor, alguna idea de cómo podría archivar esto. Puede encontrar una demostración en https://io.google/2022/ en la sección para aumentar sus habilidades.
Puede usar :hover con borde, contorno y radio de borde para que esto suceda
aquí está el CSS:
.container:hover{ border: 1px solid white; border-radius: 10px; }También asegúrese de agregar un borde regular en el contenedor o, si pasamos el mouse, debe crear nuevos bordes que pueden hacer que salte de su lugar.
Simplemente agregue un borde transparente:
.container { border: 1px solid transparent; }