개발자 도구/CSS 박스 섀도우
CSS 박스 섀도우
무료 · 무제한
CSS box-shadow 코드를 시각적으로 생성합니다.
5px
5px
15px
0px
25%
#000000
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);
CSS 박스 섀도우이란?
슬라이더를 움직여 그림자 효과를 실시간으로 미리보고, 바로 사용할 수 있는 CSS box-shadow 코드를 복사할 수 있습니다. 여러 레이어의 그림자를 겹쳐서 복잡한 효과도 만들 수 있습니다.
자주 묻는 질문
여러 그림자를 겹칠 수 있나요?
네, 레이어를 추가하여 여러 그림자를 겹쳐서 복합적인 효과를 만들 수 있습니다.