.presentacion__enlaces__link:hover{ background-color: #22D4FD; font-size:30px; }
.presentacion__enlaces__link:hover{ background-color: #22D4FD; font-size:30px; }
¡Hola Estudiante, espero que estés bien!
Veo que estás trabajando en personalizar tu proyecto usando el efecto hover en CSS. El código que compartiste parece estar en la dirección correcta.
Estás aplicando un efecto hover a los enlaces dentro de un contenedor con la clase .presentacion__enlaces__link
. Aquí hay algunas cosas que podrías considerar:
Verificar la clase: Asegúrate de que el elemento al que estás aplicando el efecto hover tenga la clase correcta. Por ejemplo, si tienes un enlace como <a class="presentacion__enlaces__link">
, el código debería funcionar bien.
Cambios visibles: El cambio de background-color
y font-size
es una buena forma de mostrar el efecto hover. Si no ves el cambio, verifica que no haya otros estilos que puedan estar sobrescribiendo estos valores.
Prueba con otros estilos: Puedes experimentar con otros estilos para ver cómo cambia el efecto. Por ejemplo, podrías añadir un cambio de color de texto o un borde:
.presentacion__enlaces__link:hover {
background-color: #22D4FD;
font-size: 30px;
color: #FFFFFF; /* Cambia el color del texto */
border: 2px solid #000; /* Añade un borde */
}
Revisa el HTML: Asegúrate de que el HTML está correctamente estructurado y que los elementos tienen las clases necesarias para que el CSS se aplique correctamente.
Espero que estas sugerencias te ayuden a personalizar tu proyecto de manera efectiva. ¡Espero haber ayudado y buenos estudios!