Generator CSS de umbră de text online

Creați efecte de text gradient uimitoare pentru site-ul dvs.

Controls

2
2
4
50

Umbre multiple

Presetări populare

Preview

Text Shadow Demo

Despre generatorul de umbre de text

Ușor de utilizat

Generați umbre frumoase ale textului cu interfața noastră intuitivă. Nu sunt necesare cunoștințe CSS!

Complet receptiv

Funcționează perfect pe toate dispozitivele, de la telefoane mobile la computere desktop.

Obțineți un cod CSS curat, gata de producție, pe care îl puteți utiliza instantaneu în proiectele dvs.

Cum se utilizează generatorul de umbre de text

1

Reglarea glisoarelor

Modificați decalajul orizontal, decalajul vertical, raza de estompare și opacitatea pentru a crea umbra perfectă.

2

Alegeți o culoare

Alegeți orice culoare pentru umbra textului folosind selectorul de culori sau introducerea codului hexadecimal.

3

Previzualizarea designului

Vedeți cum arată umbra textului în timp real cu previzualizarea noastră interactivă.

4

Copiați CSS

Faceți clic pe butonul de copiere pentru a obține codul CSS generat și a-l utiliza în proiectul dvs.

Exemple populare de umbră a textului

Efect de strălucire neon

Efect de strălucire neon

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;

Efect text 3D

Efect text 3D

text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;

Umbră subtilă

Umbră subtilă

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

Umbră interioară

Umbră interioară

text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);

Related Tools