Gratis tool

Box-shadow & border-radius generator

Stel een schaduw en afgeronde hoeken samen met live preview en kopieer direct de CSS.

Horizontale offset — 0px

Verticale offset — 8px

Blur — 24px

Spread — 0px

Dekking — 0.25

Hoekafronding — 12px

Kleur

Inset (schaduw binnen)

Box-shadow en border-radius in het kort

box-shadow tekent een schaduw met horizontale/verticale offset, blur- en spread-radius en een kleur (optioneel met inset voor een schaduw aan de binnenkant). border-radius rondt de hoeken van een element af. Beide zijn losse CSS-eigenschappen die je vaak samen gebruikt voor kaarten, knoppen en modals.

Hulp nodig bij je UI-componenten? Neem contact op