TODO HOVER: Seleccionar div, antes de usar la función hover

domingo, 12 de junio de 2022

Seleccionar div, antes de usar la función hover

Texto prueba 1

Texto prueba 2

Texto prueba 3

Texto prueba 4

Este efecto fue extraído de la siguiente URL: https://es.stackoverflow.com/

<div class="Clase">Texto prueba 1</div>
<div class="Clase">Texto prueba 2</div>
<div class="Clase">Texto prueba 3</div>
<div class="Clase">Texto prueba 4</div>

<style> 
.Clase{
  height: 30px;
  width: 100%;
  background-color: yellow;
  margin: 10px;
  
  cursor: pointer;
}

.Clase:hover{  /* Cuando estemos encima de un div, cambia a color rojo*/
  background-color: red;
}</style>