Cambio de Color
Categoría: Efectos Hover
Cambio de color de fondo al pasar el ratón
Vista Previa:
Cambio de Color
Pasa el ratón para ver el efecto
📚 Explicación del Efecto:
Usa transition para suavizar el cambio de color de fondo y texto.
Código Exportable
CSS
HTML
.efecto-color {
transition: all 0.3s ease;
background: #f0f0f0;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.efecto-color:hover {
background: linear-gradient(45deg, #667eea, #764ba2);
color: white;
}<div class="efecto-color">
<h3>Cambio de Color</h3>
<p>Pasa el ratón para ver el efecto</p>
</div>