Výukový program pre návrh a algoritmy 2025, Apríl

Existujú trojuholníkové znaky unicode. V SVG by ste mohli nakresliť trojuholník. Existuje však ďalší spôsob, ako nakresliť trojuholník na webe, ktorý nezahŕňa nič iné ako vlastnosť hranice a malú trik s CSS. “

V CSS existuje niekoľko animácií rolovania, ktoré sú možné vôbec bez použitia JavaScriptu. Stačí sa pozrieť na kapitolu Scroll Indicator, ktorá je jednoznačne kúzlom CSS. Ale dokážeme urobiť veľa práce s rolovaním animácií priamo v CSS len s trochou informácií poskytovaných JavaScriptom: ako ďaleko sa stránka posunula. “

Vlastnosť box-shadow je zjavne užitočná pre svetlé tiene za prvkami, ktoré poskytujú pocit rozmernosti a oddelenia. Tieň boxu však mal v rukáve nejaké triky, najmä pokiaľ ide o to, ako tieň boxu nemusí byť mäkký, dá sa naukladať na seba a nemusí byť ani zvlášť nablízku. “

Pruhy pozadia môžete vytvoriť v CSS pomocou lineárneho prechodu. Gradient si často predstavujeme ako vyblednutie z jednej farby na druhú, ale trikom k pruhom je, aby vôbec nebledli. Namiesto toho môžeme určiť „zastavenie farieb“ na rovnakom mieste, aby sa farba okamžite zmenila z jedného (...) “

Asi najlepším trikom v celej mriežke CSS je schopnosť napísať rozloženie stĺpcov, ktoré výslovne nedeklaruje počet riadkov alebo stĺpcov, ale automaticky ich vytvára na základe trocha voľných pokynov a obsahu, ktorý poskytnete. “

Ťahanie prvku po obrazovke je niečo, čo je na území JavaScriptu dosť pevné. Budete chcieť prístup k udalostiam DOM, ako sú kliknutia a pohyb myši. Ale sme tu, aby sme hovorili o trikoch s CSS, takže poďme na to iba v HTML a CSS! “

Štítky by mali mať atribúty „pre“, ktoré sa zhodujú s ID vstupu, ktorý označujú. To znamená, že môžeme tento atribút zachytiť a použiť ho v selektore na „