색상 및 디자인
Box Shadow 생성기
무료 CSS box-shadow 생성기입니다. 오프셋, 블러, 스프레드, 색상 및 불투명도에 대한 슬라이더로 그림자를 디자인하세요. 여러 그림자를 겹칩니다. CSS를 즉시 복사하세요.
Runs in your browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
편집자 노트
Understanding · Five numbers. A whole light source.
이 심층 챕터는 현재 영어로만 제공됩니다. 위의 변환 도구는 귀하의 언어로 작동하지만, 긴 설명 글은 아직 번역되지 않았습니다.
자주 묻는 질문
Quick answers.
›Can I layer multiple shadows?
Yes — add as many shadows as you want, each with its own offset, blur, spread and color.
›Does it support inset shadows?
Yes — toggle 'inset' to make a shadow appear inside the element instead of outside.
›Does it output Tailwind?
Yes — for common single-shadow patterns. Multi-shadow stacks need custom CSS.
›Is the generator free?
Yes — fully free, no signup.
사람들이 다음도 검색합니다.
관련 도구