Instrument online CSS Box Shadow Generator

color
color

Creați proprietățile umbrei casetei pentru a obține stilul CSS.

Folosiți glisoarele și selectorul de culori pentru a seta valorile și urmăriți previzualizarea live până când ajungeți la efectul dorit. Selectați deplasarea de la dreapta în jos, răspândirea, estomparea, opacitatea, culoarea.

Selectați o culoare personalizată pentru fundalul de previzualizare și obiectul dvs.

 

Adăugați mai multe casete-umbre

Browserele web ne permit să adăugăm mai mult de o umbră designului nostru, la fel și acest instrument online. Utilizați butonul Adăugați nou pentru a salva linia curentă și pentru a configura una nouă. 

 

Sintaxa CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Notă:  Pentru a atașa mai mult de o umbră unui element, adăugați o listă de umbre separate prin virgulă (consultați exemplul „Încercați-l singur” de mai jos).