Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

10 Haga lo que hicimos en aula desafio 10

se modificaron los iconos de los botones con las imagenes de las redes sociales, agregandoles un efecto al pasar el raton por los botones, es decir, de color rojo cambian a color verde Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidadIngrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

¡Hola Estudiante, espero que estés bien!

Para cambiar el color de los botones de rojo a verde al pasar el ratón, necesitas asegurarte de que el CSS esté configurado correctamente. Veo que ya tienes una regla CSS para el efecto hover. Aquí tienes un ejemplo de cómo podrías hacerlo:

.presentation_enlaces_link {
    display: inline-block;
    width: 80px;
    background-color: #da1919; /* Color de fondo inicial */
    color: #e6d9d9; /* Color de letras */
    text-align: center;
    padding: 10px 20px;
    border-radius: 15px;
    font-family: 'Montserrat', serif;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s; /* Transición suave */
    border: 2px solid #22D4FD;
}

.presentation_enlaces_link:hover {
    background-color: #4bb66c; /* Color de fondo al pasar el mouse */
}

Asegúrate de que el archivo CSS esté correctamente vinculado a tu archivo HTML y que no haya otros estilos que puedan estar sobrescribiendo estos cambios. También verifica que el selector .presentation_enlaces_link:hover esté apuntando correctamente a los elementos que deseas estilizar.

Espero haber ayudado y buenos estudios!