텍스트 및 문서 도구

드롭 섀도 레이어 생성기

레이어 수와 그림자 값을 선택하고 로컬에서 CSS를 생성, 편집, 미리 보세요.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

로컬 CSS 근사이며 물리적 또는 광학 시뮬레이션이 아닙니다.

사용 방법

사용 방법

  1. 레이어 수, 색, 블러, 확산과 오프셋을 설정하세요.
  2. 생성하고 로컬 미리 보기를 확인하세요.
  3. CSS 선언을 직접 편집해 조정하세요.

CSS 레이어 생성

입력으로 쉼표 구분 box-shadow 선언을 만들고 로컬 미리 보기에 적용합니다.

근사만 제공

CSS 작성 보조이며 물리적인 빛, 재료나 광학 시뮬레이션이 아닙니다. 브라우저와 조합한 디자인에 따라 렌더링이 달라집니다.

자주 묻는 질문

더 알아보기

실제 빛을 시뮬레이션하나요?

아니요. CSS 값과 브라우저 미리 보기만 만듭니다.

CSS를 편집할 수 있나요?

네. 생성한 선언을 편집할 수 있습니다.

몇 레이어를 쓸 수 있나요?

컨트롤은 1~12개를 허용합니다.