디자인
CSS 박스 그림자 생성기
입력
오프셋, 블러, 스프레드, 색상을 조정해 CSS box-shadow를 만드세요.
Offset X10px
Offset Y10px
Blur20px
Spread0px
음수 오프셋을 사용하면 그림자가 왼쪽이나 위쪽으로 이동합니다.
출력
box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);자주 묻는 질문
box-shadow 주요 파라미터는 무엇인가요?
offset-x/y, blur, spread, color, inset 등을 조합해 그림자 모양을 만듭니다.
뉴모피즘 그림자는 어떻게 만들죠?
밝은 그림자+어두운 그림자를 반대 방향으로 겹쳐 부드러운 돌출/함몰 효과를 만듭니다.
그림자를 여러 개 겹칠 수 있나요?
네. 쉼표로 여러 shadow를 선언해 복합 효과를 만들 수 있습니다.