Tooltips que siguen el cursor con JavaScript
ฝัง
- เผยแพร่เมื่อ 12 ก.ย. 2024
- Hola, este video es la parte 2 donde vemos como hacer tooltips que sigan el cursor !!
espero les guste !!
✅ Prueba el resultado:
felixgonzalo.g...
✅ Código en GitHub:
github.com/Fel...
😀 PARTE 1 Tooltips con CSS:
• Tooltips con CSS
✅ Más ejercicios:
• Ejercicios con HTML, C...
🤖 Efecto de máquina de escribir:
• Efecto de máquina de e...
👉 Facebook:
/ felixcastro003
Excelente!!!
Gracias por el código bro, era lo que necesitaba :D
Buenisimo!
flash xd. Bueno vídeo men.
jajaja, ya lo tenía grabado, faltaba subir nomás 😂
Buenissimo, gracias, una consulta: lo hice con 3 imagenes pero los tooltips se veen abajo de las otras imagenes, ya intenet con z-index:999 pero igual no se veen, se quedan por abajo de la imagen de al lado. Alguna solucion para eso. Gracias
Ya resolvi, puse z-index:1 ahi le tomo. Gracias
Broo, tengo una duda. Cómo es que se obtiene el signo que aparece en la parte inferior izquierda que de color como verde claro. (>
hmm, no le e tomado importancia, tal vez debe ser de alguna extensión que instale, no estoy seguro.
Si un elemento está al borde de la página? Como se le hace para adecuar de forma automatica la posicion del tooltip?
Hola, la solución que se me ocurre es trabajarlo acorde a la medida de pantalla. cuando identificamos que el tooltip no se ve o sobresale de la pantalla entonces tenemos que ubicarlo hacia otra dirección cambiándole la clase de CSS con @media screen.
hmm otra forma talvez podría ser obteniendo la ubicación del cursor y cuando sabemos que este en un borde cambiar la clase CSS del tooltip desde JS.
Son ideas 🤓, si llegas a una solución y lo implementas agradecería que lo compartieras !! suerte !!
Tengo una pregunta bro, como haces para que se actualice la vista tan rápido sin recargar la página.
es una extensión que lo instalas en visual studio code: Live Server, lo instalas y a tu archivo html abierto le das clic derecho y open with live server
@@FelixCastro003 ah, ahora sí será más productivo escribir código y ver al mismo tiempo . XD gracias bro