Graphite Pixel

CSS 그림자 만들기

위치·흐림·확장·색상·불투명도를 바꾸며 그림자를 확인하고 CSS를 복사합니다.

0px
8px
24px
0px
25%

실시간 미리보기

사용 방법

슬라이더와 색상을 조정하고 필요하면 안쪽 그림자를 선택합니다.

설정을 바꾸면 미리보기와 코드가 갱신됩니다.

코드를 복사하거나 파일로 저장합니다.

자주 묻는 질문

어떤 규칙으로 처리하나요?

생성 결과는 inset을 선택할 수 있는 한 겹의 box-shadow 선언입니다.

사용할 때 무엇을 확인해야 하나요?

미리보기는 패널 안에서 잘립니다. 실제 페이지의 큰 그림자는 더 멀리 퍼질 수 있습니다.

입력한 내용이 업로드되나요?

도구 입력은 브라우저에서 처리합니다. 광고의 별도 요청은 개인정보처리방침에서 설명합니다.