CSS 박스 섀도우 생성기

흐림은 그림자 가장자리를 부드럽게 번지게 하고, 퍼짐은 그림자 자체의 크기를 원본 요소보다 키우거나 줄입니다. 값이 클수록 흐림은 더 부드럽게, 퍼짐은 더 크게 퍼집니다.

요소가 눌린 듯한 느낌이나 안쪽으로 파인 듯한 효과를 낼 때 씁니다. 버튼을 눌렀을 때, 입력창에 포커스가 갔을 때 등에 자주 쓰입니다.

네. CSS의 box-shadow는 콤마(,)로 여러 그림자를 겹쳐 쓸 수 있습니다. 이 도구에서 만든 코드 뒤에 콤마로 다른 그림자 값을 추가하면 됩니다.