Vejledning i design og algoritmer 2025, Juli

Der er trekantede unicode-tegn. Du kunne tegne en trekant i SVG. Men der er en anden måde at tegne en trekant på nettet, der kun involverer grænseejendommen og lidt CSS-trickery. "

Der er nogle rulleanimationer, der er mulige i CSS uden JavaScript overhovedet. Se bare på kapitlet om rulleindikatoren, som helt klart er CSS-magi. Men vi kan udføre en masse rulleanimationsarbejde direkte i CSS med kun en lille smule information leveret af JavaScript: hvor langt siden har rullet. "

Box-shadow egenskaben er naturligvis nyttig til lyse skygger bag elementer, der giver en følelse af dimensionalitet og adskillelse. Men box-shadow havde nogle tricks i ærmet, især med hvordan en bokseskygge ikke behøver at være blød, kan stables og ikke engang behøver at være særlig i nærheden. "

Du kan lave baggrundsstriber i CSS ved hjælp af lineær gradient. Vi tænker ofte på en gradient som en fade fra en farve til en anden, men tricket til striber er ikke at have nogen fade overhovedet. I stedet kan vi specificere "farvestop" på samme sted, således at farven skifter med det samme fra en (...) "

Måske er det største trick i hele CSS-gitteret at være i stand til at skrive et kolonnelayout, der ikke eksplicit erklærer antallet af rækker eller kolonner, men automatisk opretter dem baseret på noget løse instruktioner og det indhold, du giver. "

At trække et element rundt på skærmen er noget, der ligger ret fast inden for JavaScript. Du vil have adgang til DOM-begivenheder som klik og musebevægelse. Men vi er her for at tale CSS-trickery, så lad os få det gjort i HTML og CSS alene! "

Etiketter skal have "for" -attributter, der matcher ID'et for det input, de mærker. Dette betyder, at vi kan fange den attribut og bruge den i en vælger til at "