Genereren

CSS Gradiënt Generator

Maak mooie CSS gradiënten met een live voorbeeld

Hoek135°

Kleurstops

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Over CSS Gradiënt Generator

De CSS-verloopgenerator maakt prachtige lineaire en radiale verlopen met een live voorbeeld. Het genereert kant-en-klare CSS-code die u direct in uw projecten kunt kopiëren. Deze gratis tool draait in uw browser en slaat geen gegevens op op een server.

Veelgestelde vragen

Hoe maak ik een CSS-verloop?

Kies uw verlooptype, selecteer kleuren met de kleurkiezers, pas de richting of hoek aan en bekijk het resultaat in realtime. Wanneer u tevreden bent met het verloop, kopieert u de gegenereerde CSS-code en plakt u deze in uw stylesheet.

Worden er gegevens opgeslagen of verzonden?

Nee. Het verloop wordt volledig in uw browser gemaakt. Geen kleuren, voorkeuren of CSS-code worden naar een server gestuurd. Alles blijft op uw apparaat totdat u de gegenereerde code kopieert.

Kan ik verlopen met meer dan twee kleuren maken?

Ja, u kunt meerdere kleurstops toevoegen om complexe, veelkleurige verlopen te maken. U kunt ook de positie van elke kleurstop en de verloophoek of -richting aanpassen om precies het gewenste visuele effect te bereiken.