CSS 그림자 생성기

Box Shadow와 Text Shadow CSS 코드 생성

Shadow

X 오프셋:

Y 오프셋:

블러:

확산:

그림자 색상

투명도:

Inset (내부 그림자)

X 오프셋:

Y 오프셋:

블러:

그림자 색상

투명도:

배경색

박스 색상

텍스트 색상

CSS 그림자 생성기 사용법

box-shadow와 text-shadow의 차이는?

box-shadow는 박스(요소) 전체에, text-shadow는 텍스트에만 그림자를 적용합니다.

여러 그림자를 겹칠 수 있나요?

네, 여러 그림자를 쉼표로 구분하여 겹치면 더 부드럽고 자연스러운 효과를 얻을 수 있습니다.

inset 그림자는 무엇인가요?

inset 키워드를 추가하면 바깥이 아닌 안쪽으로 그림자가 생겨 눌린 듯한 효과를 줍니다.