CSS 박스 그림자 생성기
다층 CSS 박스 그림자와 내장 프리셋(소프트, 상승, 뉴모피즘)을 생성합니다. CSS, Tailwind, React 인라인 스타일로 내보내기.
#css#box-shadow#shadow#design#neumorphism#generator
Loading tool...
How to use
- 1매개변수 입력: x=0 y=4 blur=12 spread=0 color=#000000 opacity=0.15
- 2"---"를 사용하여 여러 그림자 레이어 구분
- 3"preset=soft"를 입력하여 모든 사용 가능한 프리셋 보기
Frequently Asked Questions — CSS 박스 그림자 생성기
인셋 그림자란 무엇인가요?+
인셋 그림자는 요소 외부가 아닌 내부에 나타납니다. 매개변수에서 "inset=true"를 사용합니다. 눌린/움푹 들어간 효과를 만드는 데 좋습니다.
뉴모피즘이란 무엇인가요?+
뉴모피즘은 밝고 어두운 두 그림자를 동시에 사용하여 요소가 배경에서 나타나는 듯한 환상을 만드는 UI 디자인 트렌드입니다.