◇ Op je apparaat

CSS clamp()-calculator

Bereken een lineaire responsieve CSS clamp()-expressie tussen twee viewportbreedtes.

Zo werkt het

Voer minimale/maximale waarden en viewportbreedtes in.
Voer de berekening uit.
Kopieer de clamp()-expressie en test deze op je doelbreakpoints.

Gerelateerde hulpmiddelen

CSS-verloopgenerator

Maak een gevalideerde CSS linear-gradient-declaratie op basis van een hoek en 2–8 hexkleuren.

CSS-border-radiusgenerator

Maak de verkorte CSS border-radius-notatie op basis van één tot vier pixelwaarden.

@font-face CSS-generator

Genereert een controleerbaar @font-face-blok uit een font-URL en expliciete CSS-instellingen.