Gradiënt Generator
Visueel CSS-gradiënten maken en bekijken.
Gradiëntinstellingen
Stel gradiënttype en richting in
Kleurstops
Stel gradiëntkleuren en posities in
%
%
Voorinstellingen
Probeer vooraf gedefinieerde gradiënten
Voorbeeld
Bekijk de gegenereerde gradiënt
Gegenereerde CSS
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Gradiënttype Beschrijving
Lineaire Gradiënt
Een gradiënt die van kleur verandert in een rechte lijn. U kunt de hoek aanpassen om de richting in te stellen.
Radiale Gradiënt
Een gradiënt die van kleur verandert vanuit een middelpunt naar buiten in een cirkelvormige of elliptische vorm.
Conische Gradiënt
Een conische gradiënt die van kleur verandert terwijl deze rond een middelpunt roteert.