Generator CSS Box Shadow
Czym jest CSS Box Shadow?
Właściwość CSS box-shadow dodaje efekty cienia wokół ramki elementu. Cienie można przesuwać, rozmywać, rozpraszać, kolorować i ustawiać jako inset (cień wewnętrzny). Wiele cieni oddzielonych przecinkami można nakładać dla bogatych efektów. Ten generator pozwala wizualnie tworzyć złożone wielowarstwowe cienie i kopiować gotowy do wklejenia CSS do schowka.
Jak używać Generatora Box Shadow
-
Dostosuj suwaki dla Offset X/Y, Blur i Spread, aby ustawić i ukształtować cień.
-
Kliknij na próbkę koloru, aby wybrać kolor cienia i użyj suwaka Opacity dla przezroczystości.
-
Przełącz 'Inset', aby utworzyć wewnętrzny blask lub efekt wciśnięcia.
-
Kliknij '+ Dodaj warstwę', aby nakładać wiele cieni na siebie.
-
Skopiuj wygenerowany CSS i wklej go do swojego arkusza stylów.
Keywords: generator CSS box shadow, box-shadow CSS, narzędzie cienia CSS, CSS drop shadow, cień wewnętrzny, cień wielowarstwowy, CSS shadow online