Disaini ja algoritmide õpetus 2025, Aprill

Seal on kolmnurksed ühekoodilised märgid. SVG-sse võiks joonistada kolmnurga. Kuid on veel üks viis, kuidas veebist kolmnurka joonistada, mis ei hõlma muud kui piirivara ja väikest CSS-i trikki. "

CSS-is on mõned kerimisanimatsioonid võimalikud ilma JavaScripti kasutamata. Vaadake lihtsalt peatükki Kerimisindikaator, mis on selgelt CSS-i maagia. Kuid me saame teha palju kerimisanimatsiooni otse CSS-is, kasutades vaid ühte JavaScripti pakutavat teavet: kui kaugele leht on kerinud. "

Karbi-varje omadus on ilmselgelt kasulik heledate varjude jaoks elementide taga, pakkudes mõõtmete ja eraldatuse tunnet. Kuid box-shadowil olid varrukas mõned nipid, eriti see, kuidas kastivari ei pea olema pehme, saab virnastada ega pea isegi eriti lähedal olema. "

CSS-is saate teha ribaribasid, kasutades lineaarset gradienti. Me mõtleme gradiendilt sageli ühelt värvilt teisele tuhmumisena, kuid triipude trikk on see, et neil pole üldse pleekimist. Selle asemel võime samas kohas määrata „värvipeatused“, nii et värv muutub koheselt ühest (…) "

Võib-olla on kogu CSS-ruudustiku suurim trikk see, kui suudate kirjutada veergude paigutuse, mis ei deklareeri sõnaselgelt ridade või veergude arvu, vaid loob need automaatselt mõnevõrra lahtiste juhiste ja teie pakutava sisu põhjal. "

Elemendi lohistamine ekraani ümber on midagi, mis on üsna kindlalt JavaScripti territooriumil. Soovite juurdepääsu DOM-i sündmustele, nagu klikid ja hiire liikumine. Kuid oleme siin selleks, et rääkida CSS-i trikkidest, nii et laseme selle teha ainult HTML-is ja CSS-is! "

Siltidel peaksid olema atribuudid "for", mis vastavad sildistatava sisendi ID-le. See tähendab, et saame selle atribuudi haarata ja kasutada seda valijas "