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
Creëer perfecte Flexbox-lay-outs
Visualiseer, pas aan en genereer CSS-flexboxcode met onze intuïtieve interface voor slepen en neerzetten.
Stylus naar CSS Converter
Transformeer uw SCSS-code in CSS. Snel, gemakkelijk en veilig.
SCSS naar CSS Converter
Transformeer uw SCSS-code in CSS. Snel, gemakkelijk en veilig.
Aangepaste disclaimers maken
Genereer uitgebreide disclaimers die zijn afgestemd op uw website, app of service.
Huidige Converter
Zet elektrische stroom met precisie en gemak om tussen verschillende eenheden
Kansrekening
Bereken kansen voor verschillende scenario's met onze uitgebreide kansrekening.