Tools HereToolsHere

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

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

자주 묻는 질문

연관 도구 추천

모서리 둥글기

모서리별 둥글기(border-radius)를 조절해 CSS 코드를 만듭니다.

그라디언트 생성

두 개 이상의 색으로 그라디언트를 만들고 CSS 코드를 복사합니다.

색상 코드 변환

HEX·RGB·HSL 색상 코드를 서로 변환합니다(#6D28D9→RGB).