Tag: HOVER
Tengo una serie de reglas CSS para agregar iconos FontAwesome antes/después de los enlaces de archivos PDF, números de teléfono, direcciones de correo electrónico, etc. Además, tengo una regla de hover global para los enlaces, que hace que el color de fondo de todos los elementos de enlace sea amarillo. . . . Read more
No puedo aumentar el tiempo de este efecto hover que utiliza un fondo degradado. .headerCall{ font-family:gilroySemiBold; color:white; width: 27vh; height: 9vh; border:none; margin-top: 2vh; margin-right: 4.87vh; font-weight: 600; font-size: 2.5vh; line-height: 3.89vh; background: linear-gradient(133.95deg, #F7941D -13.98%, #EE4163 57.42%, #8A2BE2 112.06%); border-radius: 6.08vh; cursor:pointer; transition: 2s; } headerCall:hover{ background: transparent; border:0.16vh . . . Read more
Tengo una fila de imágenes que quiero agrandar cuando los paso por encima. La documentación parece bastante simple, pero no está funcionando por alguna razón. Esto es lo que estoy haciendo en cada imagen: <img class=”inline h-64 hover:scale-125″ [src]=”‘assets/images/teaching/custom-craftsmanship.jpg'”> ¿Qué estoy haciendo mal?
Estoy creando una barra de navegación y quiero asegurarme de que el recuadro de color se expanda lo suficiente cuando paso el cursor sobre los elementos de navegación para cubrir las palabras, pero no tanto como para expandirse por debajo de los elementos. Esto se puede ver en la imagen . . . Read more
Tengo dos divs y quiero que muestren el texto al pasar el cursor sobre ellos, pero cuando paso el cursor sobre uno de ellos, ambos muestran el texto. Aquí está el código: const [text, setText] = useState(0); <div onmouseenter=”{e=”> setText(1)} onMouseLeave={e=> setText(0)}> <h1>hover the div to show the text</h1> <p . . . Read more