DevTulz Online

CSS Box Shadow Generator

Pozadina

Što je CSS Box Shadow?

CSS svojstvo box-shadow dodaje efekte sjene oko okvira elementa. Sjene se mogu pomicati, zamućivati, širiti, bojiti i postaviti kao inset (unutarnja sjena). Više sjenki odvojenih zarezima može se slagati za bogate efekte. Ovaj generator vam omogućuje vizualno izgradnju složenih višeslojnih sjenki i kopiranje CSS-a spremnog za lijepljenje u međuspremnik.

Kako koristiti Box Shadow Generator

  1. Prilagodite klizače za Offset X/Y, Blur i Spread za postavljanje i oblikovanje sjene.

  2. Kliknite na uzorak boje za odabir boje sjene i koristite klizač Opacity za prozirnost.

  3. Uključite 'Inset' za stvaranje unutarnjeg sjaja ili efekta pritisnutosti.

  4. Kliknite '+ Dodaj sloj' za slaganje više sjenki jedne na drugu.

  5. Kopirajte generirani CSS i zalijepite ga u svoju stilsku datoteku.

Keywords: CSS box shadow generator, box-shadow CSS, CSS alat za sjenu, CSS drop shadow, unutarnja sjena, višeslojna sjena, CSS shadow online