Vytvářejte krásné textové přechody CSS bez námahy
Vytvořte úžasné efekty přechodového textu pro váš web
Ovládací prvky
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Oblíbené přechody Ovocný
Jak používat
Zadejte svůj text
Zadejte text, na který chcete přechod použít v poli " Text".
Volba typu
Vyberte mezi lineárními, radiálními nebo kuželovými typy přechodů.
Nastavit směr nebo úhel
U lineárních přechodů zvolte směr. U kuželoseček nastavte úhel.
Přizpůsobit barvy
Přidejte, odstraňte nebo upravte barevné zarážky a jejich polohy, abyste vytvořili požadovaný přechod.
Kopírování nebo ukládání CSS
Zkopírujte vygenerovaný kód CSS nebo jej uložte jako soubor CSS a použijte jej ve svých projektech.
O přechodech textu Přechody
textu CSS umožňují aplikovat krásné, vícebarevné přechody přímo na text. Tento efekt byl kdysi možný pouze u obrázků, ale moderní CSS jej zjednodušuje a zefektivňuje.
Podpora prohlížeče:Textové přechody jsou podporovány ve všech moderních prohlížečích, včetně Chrome, Firefox, Safari a Edge. Pro starší prohlížeče, jako je Internet, text se vrátí zpět do plné barvy.
Tipy pro použití:Přechody textu fungují nejlépe s tučným textem a vysoce kontrastními barevnými kombinacemi. Experimentujte s různými typy a směry přechodů, abyste dosáhli požadovaného efektu.
Related Tools
Zkrášlovač CSS
Formátujte a zkrášlete svůj CSS kód s profesionální přesností
Převodník jednotek teploty
Transformujte svůj kód SCSS do CSS. Rychle, snadno a bezpečně.
Převodník SCSS do CSS
Transformujte svůj kód SCSS do CSS. Rychle, snadno a bezpečně.
Validátor JSON
Snadné kódování parametrů URL přímo ve vašem prohlížeči.
Převod textu do SEO-friendly Slugů
Bez námahy převeďte text do oktální reprezentace
Editor JSON
Snadno upravujte Big JSON - bleskově rychlé a plynulé