CSS Box Shadow Generator

O declarație cu umbră în casetă are șase părți mobile - decalaj X și Y, estompare, răspândire, culoare și cuvântul cheie opțional inserat - și singura modalitate de a le face corect este să le vedeți. Acest generator pune fiecare parte pe un glisor și redă rezultatul pe un card de previzualizare pe măsură ce trageți, astfel încât linia CSS din partea de jos este întotdeauna exact ceea ce vă uitați.

Umbrele din lumea reală sunt rareori un singur strat. Lista de straturi vă permite să stivuiți până la patru umbre într-o singură declarație: o linie întunecată strânsă pentru definirea marginilor plus o spălare moale largă pentru elevație sau perechea lumină și întuneric care definește neumorfismul. Selectați un strat pentru a-l edita, eliminați-le pe cele de care nu aveți nevoie, iar valoarea combinată a casetei-umbră se actualizează live.

Umbrele citesc foarte diferit pe interfețele întunecate, unde o umbră neagră pe o pagină aproape neagră dispare pur și simplu. Comutatorul de previzualizare a fundalului comută fundalul între deschis și întunecat, astfel încât să puteți verifica ambele teme înainte de expediere. Paginile prestabilite acoperă variantele pe care oamenii le caută de fapt: o umbră moale de elevație, un puț încadrat, rețeta de neumorfism cu două straturi și o umbră subtilă de card.

Ca orice instrument de pe acest site, generatorul este gratuit și rulează în întregime în browserul dvs.: fără încărcare, fără cont și continuă să funcționeze offline odată ce pagina s-a încărcat.