CSS & Styling

Hoe maak je kleurgradiënten met CSS?

Gradients maken smooth kleurovergangen.

Home/Categorieën/CSS & Styling/Hoe maak je kleurgradiënten met CSS?

Gradient types

linear-gradient: rechte lijn radial-gradient: cirkel van buiten naar binnen conic-gradient: vanuit middelpunt in cirkel

Syntax

linear-gradient(direction, color1, color2, ...) Direction: to right, 45deg, etc

Code Voorbeelden

CSSVerschillende gradiënten✏️ Interactief
✏️CODE AANPASSEN
LIVE PREVIEW

Relevante trefwoorden

gradientlinear-gradientcolor