NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze – Lekce 4 - Úpravy a nastavení kurzorů v CSS3

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
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)`
}
 
Odpovědět
+2
7.2.2021 13:46
Avatar
Petr Slip Legéň:11.2.2023 15:59

cghhhhhhhhhhh­hhhhhhhhhhhhhhhhhhhhhhhh­hhhhhaaaaaaaa­aaaaa

 
Odpovědět
11.2.2023 15:59
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.