Dizaina un algoritmu apmācība 2025, Aprīlis

Ir trīsstūrveida unikoda rakstzīmes. Jūs varētu uzzīmēt trīsstūri SVG. Bet ir vēl viens veids, kā tīmeklī uzzīmēt trīsstūri, kurā nav iesaistīts nekas cits kā pierobežas īpašums un neliela CSS viltība. "

Ir dažas ritināšanas animācijas, kas CSS ir iespējamas bez JavaScript vispār. Vienkārši apskatiet nodaļu par ritināšanas indikatoru, kas nepārprotami ir CSS maģija. Bet mēs varam paveikt daudz ritināšanas animācijas darbu tieši CSS, tikai ar nelielu informāciju, ko nodrošina JavaScript: cik tālu lapa ir ritinājusi. "

Kastes-ēnas īpašums acīmredzami ir noderīgs gaišām ēnām aiz elementiem, nodrošinot dimensiju un atdalīšanas sajūtu. Bet box-shadow bija daži triki uzmavā, it īpaši ar to, kā kastes ēnai nav jābūt mīkstai, to var sakraut un pat nav īpaši jāatrodas tuvumā. "

Izmantojot lineāro gradientu, CSS var izveidot fona svītras. Mēs bieži domājam par gradientu kā par izbalēšanu no vienas krāsas uz otru, bet svītru triks ir tāds, ka vispār nav izbalēšanas. Tā vietā mēs varam norādīt “krāsu pieturas” tajā pašā vietā tā, lai krāsa uzreiz mainītos no vienas (…) "

Varbūt vislielākais triks visā CSS tīklā ir iespēja rakstīt kolonnu izkārtojumu, kas nepārprotami nedeklarē rindu vai kolonnu skaitu, bet automātiski izveido tos, pamatojoties uz nedaudz brīvām instrukcijām un jūsu sniegto saturu. "

Elementa vilkšana ap ekrānu ir diezgan stingri JavaScript teritorijā. Jūs vēlaties piekļūt DOM notikumiem, piemēram, klikšķiem un peles kustībai. Bet mēs esam šeit, lai runātu par CSS viltībām, tāpēc darīsim to tikai HTML un CSS! "

Etiķetēm jābūt ar atribūtiem "for", kas atbilst marķētās ievades ID. Tas nozīmē, ka mēs varam aizķert šo atribūtu un izmantot to atlasītājā, lai