CSS 그림자 생성기
파라미터를 조절해 외곽/내곽 그림자 CSS를 생성합니다.
패턴
box-shadowtext-shadow색상 (#000000)
불투명도 (50%)
스프레드 (5px)
Y 오프셋 (10px)
X 오프셋 (10px)
크기 (0px)
방향
바깥안쪽설명
색상과 거리 등 그림자 파라미터로 CSS를 실시간 생성합니다.
설정
| 패턴 | 박스 그림자(box-shadow)와 텍스트 그림자(text-shadow) 중에서 선택합니다. |
|---|---|
| 색상 | 그림자 색상을 설정합니다. |
| 불투명도 | 그림자 색상의 불투명도를 설정합니다. |
| 스프레드 | 블러/스프레드 정도를 조절합니다. |
| 거리 | X/Y 오프셋을 설정합니다. 0px는 중앙입니다. |
| 크기 | 그림자 크기를 설정합니다. 거리 0px에서 크기를 키우면 빛나는 효과를 만들 수 있습니다. |
| 방향 | 그림자를 바깥쪽 또는 안쪽(inset)으로 할지 선택합니다. |