Generator CSS de umbră de text online
Creați efecte de text gradient uimitoare pentru site-ul dvs.
Controls
Umbre multiple
Shadow 2
Presetări populare
Preview
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
Reglarea glisoarelor
Modificați decalajul orizontal, decalajul vertical, raza de estompare și opacitatea pentru a crea umbra perfectă.
Alegeți o culoare
Alegeți orice culoare pentru umbra textului folosind selectorul de culori sau introducerea codului hexadecimal.
Previzualizarea designului
Vedeți cum arată umbra textului în timp real cu previzualizarea noastră interactivă.
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
Înfrumusețător CSS
Formatați și înfrumusețați codul CSS cu precizie profesională
Convertor Stylus în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Generator de tranziție CSS3
Tranziție lină a opacității
HSV la Pantone
Convertiți codurile de culoare HSV în referințe Pantone® pentru designul de imprimare
ASCII la text
Convertiți codul ASCII în text fără efort
Convertor CSS în LESS
Transformă-ți codul CSS în LESS cu variabile, imbricare și multe altele. Rapid, ușor și sigur.