Generator Text Shadow
Generatorul CSS Text Shadow setează offset-ul, blur-ul, culoarea și opacitatea pentru text-shadow, cu previzualizare live, și îți permite să suprapui mai multe straturi de umbră pentru efecte glow, contur și text 3D.
Despre acest instrument
Generatorul CSS Text Shadow setează offset-ul, blur-ul, culoarea și opacitatea pentru text-shadow, cu previzualizare live, și îți permite să suprapui mai multe straturi de umbră pentru efecte glow, contur și text 3D.
Cum se folosește
- Ajustează offset-ul orizontal și vertical și blur-ul.
- Alege culoarea și opacitatea umbrei, plus culoarea și mărimea textului.
- Apasă Add Layer pentru a adăuga încă o umbră; Reset Layers o ia de la capăt.
- Apasă Copy CSS.
Bine de știut
- Sintaxa text-shadow este: offset-x offset-y blur-radius color.
- Spre deosebire de box-shadow, text-shadow nu are valoare spread și nici cuvântul cheie inset.
- Umbrele multiple se separă prin virgule și sunt desenate cu prima deasupra.
- O umbră cu offset zero și blur creează un efect de strălucire (glow).
- Suprapunerea mai multor offset-uri de 1 px creează un aspect 3D sau letterpress.
Funcționează complet în browserul tău — nimic din ce introduci nu este încărcat sau salvat.
Întrebări frecvente
Cum adaug o umbră textului în CSS?
Folosește text-shadow, de exemplu text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
Cum fac text strălucitor?
Folosește offset-uri zero cu blur și o culoare vie, de exemplu text-shadow: 0 0 8px #1db954; suprapune straturi pentru o strălucire mai puternică.
Pot folosi mai multe umbre de text?
Da. Separă umbrele prin virgule; acest instrument adaugă fiecare strat pentru tine.
text-shadow afectează lizibilitatea?
Umbrele discrete pot îmbunătăți lizibilitatea pe imagini, dar umbrele puternice reduc claritatea — verifică contrastul cu un contrast checker.