Soft CSS Box Shadow — Cod gata făcut
Construiți vizual cod CSS cu umbră: glisoare pentru offset, estompare, răspândire, culoare cu opacitate, modul inserție și până la patru straturi cu previzualizare live.
Rezultat
Această pagină deschide generatorul de umbre cutie preîncărcat cu o umbră moale: fără decalaj orizontal, 8px în jos, o estompare generoasă de 24px și o opacitate neagră scăzută de 12%. Cardul de previzualizare îl redă imediat - deplasați orice glisor și linia CSS urmează în timp real.
Umbrele moi sunt calul de bătaie al interfețelor moderne. O neclaritate mare, asociată cu o opacitate scăzută, ridică o carte de pe pagină fără a desena un contur dur, motiv pentru care majoritatea sistemelor de design își păstrează umbrele de elevație exact în acest interval în loc de umbrele dense și întunecate ale designului plat timpuriu.
Copiați linia casetă-umbră direct în foaia de stil sau stivuiți până la încă trei straturi pentru o cotă mai bogată. Generatorul rulează în întregime în browserul dvs. - nimic nu este încărcat nicăieri.