Design & Algorithms Tutorial 2025, April

Det er trekantede unicode-tegn. Du kan tegne en trekant i SVG. Men det er en annen måte å tegne en trekant på nettet, som ikke involverer annet enn grenseiendommen og litt CSS-lureri. "

Det er noen rulleanimasjoner som er mulige i CSS uten JavaScript i det hele tatt. Bare se på kapitlet om rulleindikatoren, som helt klart er CSS-magi. Men vi kan gjøre mye rulleanimasjonsarbeid direkte i CSS med bare en liten bit informasjon gitt av JavaScript: hvor langt siden har rullet. "

Box-shadow-egenskapen er åpenbart nyttig for lyse skygger bak elementer som gir en følelse av dimensjonalitet og separasjon. Men box-shadow hadde noen triks i ermet, særlig med hvordan en bokseskygge ikke trenger å være myk, kan stables, og ikke engang trenger å være spesielt i nærheten. "

Du kan lage bakgrunnsstriper i CSS ved å bruke lineær gradient. Vi tenker ofte på en gradient som en falming fra en farge til en annen, men trikset til striper er å ikke ha noen falming i det hele tatt. I stedet kan vi spesifisere "fargestopp" på samme sted, slik at fargen endres øyeblikkelig fra en (...) "

Kanskje det største trikset i hele CSS-rutenettet er å kunne skrive en kolonneoppsett som ikke eksplisitt deklarerer antall rader eller kolonner, men oppretter dem automatisk basert på noe løse instruksjoner og innholdet du gir. "

Å dra et element rundt skjermen er noe som ligger ganske fast på JavaScript-området. Du vil ha tilgang til DOM-hendelser som klikk og musebevegelse. Men vi er her for å snakke CSS-lureri, så la oss få det gjort i HTML og CSS alene! "

Etiketter skal ha "for" -attributter som samsvarer med ID-en for inngangen de merker. Dette betyr at vi kan fange det attributtet og bruke det i en velger for å "