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.
Sass naar CSS Converter
Transformeer uw Sass-code in CSS. Snel, gemakkelijk en veilig.
Gratis CSS-knopgenerator
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
SHA3-512 Hasj-calculator
Genereer snel en eenvoudig SHA3-512-hashes
Online tekst schaduw CSS-generator
Creëer verbluffende teksteffecten met verloop voor uw website