Generator de umbre CSS

Previzualizează umbra și copiază codul CSS.

Pe dispozitivul tău · Fără cont

Generator de umbre CSS prelucrează datele introduse în acest browser. Datele introduse și rezultatele sunt excluse din analizele de trafic. Lista instrumentelor recente salvează numele instrumentelor, numărul de vizite și momentul ultimei vizite. Lista instrumentelor salvate păstrează doar numele acestora. Salvarea ciornelor este opțională și se face pe acest dispozitiv; șterge textul salvat folosind comenzile pentru ciornă. Încărcarea textului de la un URL este opțională și contactează serverul respectiv; serverul vede URL-ul și adresa ta IP. Acțiunea opțională „Folosește în” păstrează în această filă datele de transferat. Următorul instrument le șterge la deschidere și le ignoră dacă a trecut mai mult de un minut.

Opțiunea „Copiază linkul” include în adresă datele introduse pe care alegi să le distribui. Oricine are linkul le poate redeschide. Fișierele și rezultatele generate sunt excluse. Instrumentele pentru parole și chei distribuie doar setările.

Română

Raza de estompare (px)

Mai multe opțiuni

Deplasare orizontală

Deplasare verticală

Extindere (px)

Culoarea umbrei

Rezultatul tău

Mai mult

Comenzi rapide de la tastatură

Despre linkuri și resetare

Linkurile includ datele introduse și setările tale. Oricine are linkul le poate vedea, așa că nu include text privat. Fișierele și rezultatele generate nu sunt incluse; extragerile aleatorii se repetă.

Resetarea reîncarcă instrumentul cu valorile inițiale, închide fișierele deschise și oprește accesul la dispozitive. Ciornele salvate rămân pe acest dispozitiv până le ștergi.

Cum funcționează

Generatorul de umbre oferă declarațiile CSS și o previzualizare în timp real în browser. Ajustează fiecare valoare, apoi copiază codul CSS în selectorul tău.

În continuare: Generator de colțuri rotunjite CSS

Exemplu

O deplasare orizontală de 4 și una verticală de 8 mută umbra spre dreapta și în jos.

Înainte de a folosi rezultatul

Instrumentul creează o singură umbră exterioară. Fundalurile transparente și containerele din apropiere care decupează conținutul pot schimba aspectul final.

Citează această pagină

Stil de citare

ToolOctopus. “Generator de umbre CSS.” Actualizat 7 octombrie 2026. https://tooloctopus.com/ro/generator-de-umbre-css.

Adaugă data accesării dacă instrucțiunile tale de citare o cer.

Citările sunt formatate cu citeproc-js, creat de Frank Bennett, și cu stiluri Citation Style Language. Licență și cod sursă.