CSS text-shadow를 시각적으로 만들고 코드를 복사합니다
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
글자에 적용되는 text-shadow의 오프셋·블러·색을 미리보기로 확인하며 CSS로 만듭니다.
이미지 위 제목의 가독성을 높이거나, 네온·엠보싱 같은 타이포 효과가 필요할 때 씁니다.
본문 크기 글자에 그림자를 주면 흐려 보입니다. 24px 이상 제목에만 쓰고, 예: 0 2px 8px rgba(0,0,0,.45) 정도로 절제하세요.
네. 상하좌우 1px 오프셋 그림자 4개를 겹치면 외곽선처럼 보입니다.