Generator CSS Text Shadow pentru oameni leneși.
Alegeți un stil predefinit din galerie sau generați o umbră de text cu preferințele dvs. Configurați atributele dorite pentru a obține codul CSS.
Mutați umbra spre dreapta/jos, setați estomparea și opacitatea și alegeți o culoare din paletă pentru a obține CSS. Utilizați editorul online pentru a vă ajusta manual stilul. Urmăriți evoluția umbrei dvs. în previzualizarea live, unde puteți seta un text personalizat și o culoare de fundal.
Umbra textului CSS3 explicată
Proprietatea text-shadow CSS3 este una dintre cele mai populare tehnici de îmbunătățire progresivă a designului unui site web. Deși a fost inițial în specificația CSS 2.1, a fost retras din cauza lipsei de suport. Cu toate acestea, este acum din nou în CSS 3 și are suport larg în rândul browserelor moderne.
Este nevoie de patru valori: prima valoare definește distanța umbrei în direcția x (orizontală), a doua valoare setează distanța în direcția y (verticală), a treia valoare definește estomparea umbrei și ultima valoare setează culoarea.
Deși acest lucru este relativ ușor de reținut în comparație cu alte reguli CSS3, cum ar fi raza de frontieră, este util să aveți un generator ca acesta, astfel încât să puteți genera umbra textului în timp real și să o reglați fin cu controale asemănătoare Photoshop.