Generator Box Shadow CSS — Cienie dla Elementów

Właściwość box-shadow w CSS pozwala dodać głębię i realizm do elementów interfejsu. Subtelne cienie sprawiają, że przyciski i karty wyglądają profesjonalnie.

Składnia box-shadow

box-shadow: x y blur spread color inset

• x/y: przesunięcie cienia
• blur: rozmycie (0 = ostry cień)
• spread: rozmiar cienia (ujemny = skurczony)
• inset: cień wewnętrzny

Popularne efekty

Subtelna karta materialowa, wyrazisty przycisk, efekt unoszenia przy hover, głęboka studnia (inset). Generator pozwala łączyć wiele warstw cieni dla złożonych efektów.