DevTulz Online

Generator CSS Box Shadow

Fundal


Ce este CSS Box Shadow?

Proprietatea CSS box-shadow adaugă efecte de umbră în jurul cadrului unui element. Umbrele pot fi decalate, estompate, răspândite, colorate și setate ca inset (umbră interioară). Mai multe umbre separate prin virgulă pot fi suprapuse pentru efecte bogate. Acest generator vă permite să construiți vizual umbre complexe cu mai multe straturi și să copiați CSS-ul gata de lipit în clipboard.

Cum se folosește Generatorul Box Shadow

  1. Ajustați cursoarele pentru Offset X/Y, Blur și Spread pentru a poziționa și forma umbra.

  2. Faceți clic pe mostra de culoare pentru a alege o culoare pentru umbră și utilizați cursorul Opacity pentru transparență.

  3. Comutați 'Inset' pentru a crea o strălucire interioară sau un efect apăsat.

  4. Faceți clic pe '+ Adaugă strat' pentru a suprapune mai multe umbre.

  5. Copiați CSS-ul generat și lipiți-l în foaia de stiluri.

Keywords: generator CSS box shadow, box-shadow CSS, instrument umbră CSS, CSS drop shadow, umbră interioară, umbră multi-strat, CSS shadow online