Naar de inhoud

CSS-verloopgenerator

Ontwerp verlopen en kopieer de CSS in seconden.

Laden…

Kies het soort verloop, stel de hoek in en voeg tot zes kleuren toe, elk op een eigen positie. Het voorbeeld werkt direct bij en de CSS is klaar om in je stylesheet te plakken. Liever een afbeelding? Download het verloop als PNG in Full HD, 4K, vierkant of storyformaat – ideaal voor achtergronden en sociale media.

Zo kun je een CSS-verloop maken

  1. Stap 1

    Kies lineair, radiaal of conisch.

  2. Stap 2

    Stel de hoek en de kleuren in.

  3. Stap 3

    Kopieer de CSS of download de afbeelding.

Waarom PhotoTools

Drie soorten

Lineaire, radiale en conische verlopen.

Schone CSS

Eén regel, klaar om te plakken.

Achtergrondformaten

PNG tot 3840 × 2160.

Ondersteunde formaten

Uitvoer

  • CSS
  • PNG

Veelgestelde vragen

Werkt de CSS in elke browser?

Lineaire en radiale verlopen werken overal, conische in alle actuele browsers.

Kan ik meer dan twee kleuren gebruiken?

Ja, tot zes kleuren, en elke kleur kan overal in het verloop staan.

Is dit gratis?

Ja. De browsertools van PhotoTools zijn gratis, zonder limieten en zonder account.