Algunos Efectos de Hover
| Propiedad | Descripción | Ejemplo de uso |
|---|---|---|
background-color | Cambia el color de fondo del elemento | .button:hover { background-color: #f0f0f0; } |
color | Cambia el color del texto | .button:hover { color: red; } |
border | Cambia el estilo del borde | .button:hover { border: 2px solid blue; } |
transform | Aplica transformaciones como escalar o rotar | .button:hover { transform: scale(1.1); } |
opacity | Cambia la opacidad del elemento | .button:hover { opacity: 0.8; } |
box-shadow | Añade una sombra al elemento | .button:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.2); } |
font-size | Cambia el tamaño de la fuente | .button:hover { font-size: 18px; } |
