Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 15. diel - Úpravy a nastavenia kurzorov v CSS3

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
Petr Laštovička
Tvůrce
Avatar
Petr Laštovička:7.2.2021 13:46

Ten kód v javascriptu je poměrně komplikovaný a je nad rámec kurzu o CSS.
Zobrazit kruh místo kurzoru lze jednoduše:

const ring = document.createElement("div")
ring.id = "pointer-ring"
const size = 15;
ring.style.padding = size + "px"
document.body.appendChild(ring)

window.onmousemove = (mouse) => {
    ring.style.transform = `translate(${mouse.clientX - size}px, ${mouse.clientY - size}px)`
}
Avatar
Petr Slip Legéň
Člen
Avatar
Petr Slip Legéň:11.2.2023 15:59

cghhhhhhhhhhh­hhhhhhhhhhhhhhhhhhhhhhhh­hhhhhaaaaaaaa­aaaaa

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 2 správy z 2.