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
CSS-minifier
Comprimeer en optimaliseer uw CSS-code met professionele precisie
Online tekst schaduw CSS-generator
Creëer verbluffende teksteffecten met verloop voor uw website
Gemiddelde rekenmachine
Bereken snel het gemiddelde (rekenkundig gemiddelde) van een reeks getallen met onze gebruiksvriendelijke tool.
CSS naar SCSS Converter
Transformeer uw CSS-code in SCSS met variabelen, nesten en meer. Snel, gemakkelijk en veilig.
JSON-viewer
Bekijk Big JSON met gemak - Razendsnel en soepel