Suunnittelu ja algoritmit -opetusohjelma 2025, Syyskuu

On kolmiomaisia ​​unicode-merkkejä. Voit piirtää kolmion SVG: ssä. Mutta on toinen tapa piirtää kolmiota verkkoon, johon ei liity muuta kuin rajaomaisuus ja pieni CSS-huijaus. "

On joitain vieritysanimaatioita, jotka ovat mahdollisia CSS: ssä ilman JavaScriptiä ollenkaan. Katsokaa vain vieritysindikaattorin lukua, joka on selvästi CSS-taika. Mutta voimme tehdä paljon vieritysanimaatioita suoraan CSS: ssä vain yhdellä pienellä JavaScript-tiedon avulla: kuinka pitkälle sivu on vieritetty. "

Laatikko-varjo-ominaisuus on tietysti hyödyllinen elementtien takana oleville vaaleille varjoille, jotka tarjoavat tunteen ulottuvuudesta ja erottamisesta. Mutta box-shadowilla oli joitain temppuja hihassaan, varsinkin kuinka laatikon varjon ei tarvitse olla pehmeää, voidaan pinota eikä tarvitse edes olla erityisen lähellä. "

Voit tehdä taustaraitoja CSS: ssä käyttämällä lineaarista gradienttia. Ajattelemme kaltevuutta usein haalistumisena väristä toiseen, mutta raidan temppu on, ettei siinä ole lainkaan haalistumista. Sen sijaan voimme määrittää "väripysähdykset" samaan paikkaan siten, että väri muuttuu välittömästi yhdestä (…) "

Ehkä kaikkien CSS-ruudukkojen suurin temppu on se, että pystyt kirjoittamaan sarakeasettelun, joka ei nimenomaisesti ilmoita rivien tai sarakkeiden määrää, mutta luo ne automaattisesti hieman löysien ohjeiden ja antamasi sisällön perusteella. "

Elementin vetäminen ruudun ympäri on jotain, joka on melko tiukasti JavaScriptin alueella. Haluat pääsyn DOM-tapahtumiin, kuten napsautuksiin ja hiiren liikkumiseen. Mutta olemme täällä puhumassa CSS-huijauksista, joten tehkäämme se vain HTML: ssä ja CSS: ssä! "

Tunnisteissa tulisi olla "for" -määritteet, jotka vastaavat tunnistettavan syötteen tunnusta. Tämä tarkoittaa, että voimme tarttua kyseiseen määritteeseen ja käyttää sitä valitsimessa "