Creëer moeiteloos een prachtig CSS-tekstverloop
Creëer verbluffende teksteffecten met verloop voor uw website
Regelaars voor gradiënten
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Populaire gradiënten
Gebruiksaanwijzing
Voer uw tekst in
Typ de tekst waarop u het verloop wilt toepassen in het invoerveld "Tekst".
Kies Gradiënttype
Kies tussen lineaire, radiale of kegelvormige gradiënttypen.
Richting of hoek aanpassen
Voor lineaire verlopen kiest u een richting. Stel voor kegelvormige gradiënten de hoek in.
Kleuren aanpassen
Kleurstops en hun posities toevoegen, verwijderen of aanpassen om het gewenste verloop te maken.
CSS kopiëren of opslaan
Kopieer de gegenereerde CSS-code of sla deze op als een CSS-bestand voor gebruik in uw projecten.
Informatie over tekstverlopen
Met CSS-tekstverlopen kunt u prachtige, veelkleurige verlopen rechtstreeks op tekst toepassen. Dit effect was ooit alleen mogelijk met afbeeldingen, maar moderne CSS maakt het eenvoudig en efficiënt.
Browser ondersteuning:Tekstverlopen worden ondersteund in alle moderne browsers, waaronder Chrome, Firefox, Safari en Edge. Voor oudere browsers zoals Internet Explorer valt de tekst terug naar een effen kleur.
Tips voor gebruik:Tekstverlopen werken het beste met vetgedrukte tekst en contrastrijke kleurencombinaties. Experimenteer met verschillende gradiënttypen en richtingen om het gewenste effect te bereiken.
Related Tools
CSS3 Overgang Generator
Vloeiende overgang van dekking
Minder naar CSS Converter
Transformeer uw Less-code in CSS. Snel, gemakkelijk en veilig.
SCSS naar CSS Converter
Transformeer uw SCSS-code in CSS. Snel, gemakkelijk en veilig.
Whirlpool Hasj Rekenmachine
Genereer snel en eenvoudig Whirlpool-hashes
SHA-512/224 Hasj-calculator
Genereer snel en eenvoudig SHA-512/224 hashes
Base64 naar JSON-decoder
Converteer Base64-gecodeerde strings direct naar geformatteerde JSON. Werkt lokaal in uw browser zonder gegevensupload.