Vodič za dizajn i algoritme 2025, Veljača

Granični trokuti - CSS-trikovi

Granični trokuti - CSS-trikovi

Postoje trokutasti unicode znakovi. U SVG-u biste mogli nacrtati trokut. Ali postoji još jedan način za crtanje trokuta na mreži, koji ne uključuje ništa osim graničnog svojstva i malo CSS trikova. "

Pomicanje animacije - CSS-trikovi

Pomicanje animacije - CSS-trikovi

Postoje neke animacije pomicanja koje su moguće u CSS-u bez ikakvog JavaScript-a. Samo pogledajte poglavlje o indikatoru pomicanja, što je očito CSS magija. Ali možemo raditi puno animacija pomicanja izravno u CSS-u, uz samo malo informacija koje pruža JavaScript: koliko je stranica pomaknuta. "

Gumbi u kutiji - CSS-trikovi

Gumbi u kutiji - CSS-trikovi

Svojstvo box-shadow očito je korisno za lagane sjene iza elemenata koji pružaju osjećaj dimenzionalnosti i razdvojenosti. Ali Box-shadow je imao nekoliko trikova u rukavu, posebno s tim kako sjena-box ne mora biti mekana, može se slagati i ne mora biti posebno u blizini. "

Prugasti Barberpol Animacija - CSS-trikovi

Prugasti Barberpol Animacija - CSS-trikovi

Možete napraviti pozadinske pruge u CSS-u pomoću linearnog gradijenta. Na gradijent često mislimo kao na blijeđenje jedne boje u drugu, ali trik u prugama je u tome da uopće nema blijeđenja. Umjesto toga, možemo odrediti "zaustavljanje boje" na istom mjestu, tako da se boja trenutno mijenja iz jednog (...) "

Fleksibilne rešetke - CSS-trikovi

Fleksibilne rešetke - CSS-trikovi

Možda je najveći trik u cijeloj CSS mreži mogućnost pisanja izgleda stupca koji izričito ne navodi broj redaka ili stupaca, već ih automatski stvara na temelju pomalo labavih uputa i sadržaja koji pružate. "

Povucljivi elementi - CSS-trikovi

Povucljivi elementi - CSS-trikovi

Povlačenje elementa po zaslonu nešto je što je prilično čvrsto na teritoriju JavaScript-a. Trebat ćete pristup DOM događajima poput klikova i kretanja miša. Ali ovdje smo da razgovaramo o CSS trikovima, pa neka se to obavi samo u HTML-u i CSS-u! "

Okidač Kliknite na Ulaz kad se klikne naljepnica - CSS-trikovi

Okidač Kliknite na Ulaz kad se klikne naljepnica - CSS-trikovi

Oznake bi trebale imati atribute "for" koji se podudaraju s ID-om unosa koji označavaju. To znači da taj atribut možemo ugrabiti i upotrijebiti u selektoru za "