DevTulz Online

Generator CSS Box Shadow

Ozadje

Kaj je CSS Box Shadow?

Lastnost CSS box-shadow dodaja učinke sence okoli okvirja elementa. Sence so lahko zamaknjene, zamegljene, razširjene, obarvane in nastavljene kot inset (notranja senca). Več senc, ločenih z vejicami, je mogoče plastiti za bogate učinke. Ta generator vam omogoča vizualno gradnjo zapletenih večplastnih senc in kopiranje CSS-a, pripravljenega za lepljenje, v odložišče.

Kako uporabljati Generator Box Shadow

  1. Prilagodite drsniki za Offset X/Y, Blur in Spread za pozicioniranje in oblikovanje sence.

  2. Kliknite na barvni vzorec za izbiro barve sence in uporabite drsnik Opacity za prosojnost.

  3. Preklopite 'Inset' za ustvarjanje notranjega sijaja ali učinka pritiska.

  4. Kliknite '+ Dodaj plast' za plastenje več senc ena na drugo.

  5. Kopirajte ustvarjeni CSS in ga prilepite v svojo stilsko datoteko.

Keywords: generator CSS box shadow, box-shadow CSS, orodje za senco CSS, CSS drop shadow, notranja senca, večplastna senca, CSS shadow online