box-shadow 생성

그림자를 눈으로 조절해 만들고 CSS 코드를 복사합니다.

CSS

box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.20);

수평 거리 (Horizontal)10px

수직 거리 (Vertical)10px

흐림 (Blur)15px

확산 (Spread)0px

불투명도 (Opacity)20%

그림자 색상

안쪽 그림자(inset)

layers

그림자를 조절하고 [실행]을 누르면 여기에 쌓여요.

Frequently asked questions

Adjust the rounding of each corner and get the border-radius CSS.

Build a gradient from two or more colors and copy the CSS.

Convert between HEX, RGB and HSL color codes (#6D28D9 → RGB).