Over deze tool
Creëer prachtige lineaire en radiale CSS-gradiënten met een visuele editor. Kies kleuren, pas stops aan, verander richting of hoek en bekijk de live preview-update in realtime. Kopieer de gegenereerde CSS-code (inclusief leveranciersvoorvoegsels voor oudere browsers) en plak deze rechtstreeks in uw stylesheet.
Veelgestelde vragen
- Werken CSS-gradiënten in alle browsers?
- Moderne CSS-gradiënten (lineair verloop, radiaal verloop) worden ondersteund in alle huidige browsers, waaronder Chrome, Firefox, Safari en Edge. De tool kan optioneel -webkit- voorvoegsels genereren voor oudere browserversies.
- Kan ik meerkleurige verlopen maken?
- Ja. Voeg zoveel kleurstops toe als je nodig hebt. U kunt ook de positie van elke stop aanpassen om te bepalen waar de kleuren in elkaar overvloeien. Dit maakt complexe regenboog-, zonsondergang- of aangepaste merkgradiënten mogelijk.
- Wat is het verschil tussen lineaire en radiale gradiënten?
- Lineaire verlopen zorgen ervoor dat kleuren langs een rechte lijn overgaan (van boven naar beneden, van links naar rechts, diagonaal of vanuit een willekeurige hoek). Radiale verlopen zorgen ervoor dat kleuren vanuit een middelpunt naar buiten overgaan in een cirkelvormige of elliptische vorm.
- Kan ik het verloop als achtergrond voor tekst gebruiken?
- Ja. Gebruik achtergrondclip: tekst met -webkit-text-fill-color: transparant om het verloop op tekst toe te passen. De gegenereerde CSS levert de verloopdefinitie; combineer deze met deze eigenschappen voor verlooptekst.