여러 개의 그림자를 동시에 추가할 수 있나요?

네, 다중 그림자를 추가하여 복잡한 깊이감과 효과를 만들 수 있습니다. 각 그림자를 개별적으로 조정할 수 있습니다.

inset 그림자란 무엇인가요?

inset 그림자는 요소의 안쪽에 표시되는 그림자입니다. 일반 box-shadow는 바깥쪽에 표시되지만, inset을 추가하면 오목하게 들어간 효과를 만들 수 있습니다.

CSS box-shadow 생성 무료 온라인 도구. 오프셋·블러·스프레드·색상 조절, 실시간 미리보기. 코드 복사 가능. 브라우저 처리.

CSS 그림자 생성기는 box-shadow 속성을 시각적으로 편집하는 무료 온라인 도구입니다. 오프셋, 블러, 스프레드, 색상을 슬라이더로 조정하고 실시간 미리보기로 확인합니다. 다중 그림자, inset 지원. 브라우저 처리, 서버 미전송, 무료.

X 오프셋: 4px

Y 오프셋: 4px

흐림: 10px

확산: 0px

색상

투명도: 25%

인셋

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);

lock 파일이 서버로 전송되지 않습니다