Dizaino ir algoritmų pamoka 2025, Sausis

Yra trikampiai „unicode“ simboliai. SVG galite nupiešti trikampį. Tačiau yra dar vienas būdas nupiešti trikampį internete, apimantis tik pasienio turtą ir nedidelę CSS gudrybę “.

Yra keletas slinkties animacijų, kurias CSS galima naudoti be jokio „JavaScript“. Tiesiog pažiūrėkite į skyrių apie slinkimo indikatorių, kuris akivaizdžiai yra CSS magija. Tačiau mes galime atlikti daugybę slinkimo animacijos darbų tiesiogiai CSS, turėdami tik šiek tiek informacijos, kurią teikia „JavaScript“: kiek toli puslapis slinko. "

Dėžutės šešėlio savybė akivaizdžiai naudinga šviesiems šešėliams už elementų, suteikiančių matmenį ir atskyrimą. Tačiau „box-shadow“ turėjo keletą gudrybių savo rankovėje, ypač kalbant apie tai, kaip dėžutės šešėlis nebūtinai turi būti minkštas, gali būti sukrautas ir net nereikia būti netoliese “.

Galite padaryti fono juostas CSS naudodami tiesinį gradientą. Mes dažnai galvojame apie gradientą apie išblukimą iš vienos spalvos į kitą, tačiau triukų gudrybė yra ta, kad išvis nėra jokio išblukimo. Vietoj to, mes galime nurodyti „spalvų sustojimus“ toje pačioje vietoje, kad spalva iškart pasikeistų iš vienos (…) "

Galbūt didžiausias triukas visuose CSS tinkluose yra tai, kad mokama parašyti stulpelių išdėstymą, kuris aiškiai nedeklaruoja eilučių ar stulpelių skaičiaus, bet automatiškai sukuria juos pagal šiek tiek laisvas instrukcijas ir pateiktą turinį. "

Elemento vilkimas aplink ekraną yra gana tvirtai „JavaScript“ teritorijoje. Jums reikės prieigos prie DOM įvykių, pvz., Paspaudimų ir pelės judėjimo. Bet mes čia kalbame apie CSS gudrybes, todėl leiskime tai padaryti tik HTML ir CSS! "

Etiketėse turėtų būti atributai „for“, atitinkantys jų žymimos įvesties ID. Tai reiškia, kad mes galime užfiksuoti tą atributą ir naudoti jį selektoriuje