CSS Conische Gradiëntgenerator
Creëer visueel CSS-gradiënten: lineair, radiaal of conisch, hoekschuifregelaar en maximaal zes kleurstops met een live voorbeeld over de volledige breedte en kopieerbare code.
Resultaat
Op deze pagina wordt de verloopgenerator geopend met het conische type al geselecteerd: in plaats van langs een lijn of vanuit het midden te vervagen, bewegen de kleuren zich als een wijzer rond het midden, te beginnen vanuit de hoek die u op de schuifregelaar hebt ingesteld.
conic-gradient() is de nieuwste van de drie CSS-gradiëntfuncties en die achter cirkeldiagrammen, kleurenwielen en opvallende roterende randeffecten. Stopposities in procenten zijn posities rond de cirkel: twee stops op 0% en 100% lopen vloeiend in elkaar over, terwijl dicht bij elkaar geplaatste stops scherpe wiggen creëren.
Pas de starthoek en stops aan totdat het voorbeeld goed leest en kopieer vervolgens de achtergrondlijn. Alle moderne browsers ondersteunen kegelvormige gradiënten, dus de code kan veilig worden verzonden.