웹개발/css

[css] 텍스트 그림자 효과 적용하기 - text-shadow

webvillain 2021. 5. 26. 12:44

▶ text-shadow 은 텍스트에 그림자 효과를 주는 속성입니다.

 

1. 문법

text-shadow: [dx] [dy] [blur] [color]
속성값 내용
dx (필수) 그림자의 수평 거리
dy (필수) 그림자의 수직 거리
blur 그림자 흐림 정도
color 그림자 색상

 

2. 사용방법

.txet {
	text-shadow: 4px 4px 2px #eee;
    }

 

3. 예제

See the Pen poewWox by mk (@kmeijing) on CodePen.

 

 

'웹개발 > css' 카테고리의 다른 글

[css] 박스 그림자 효과 적용하기 - box-shadow  (0) 2021.05.26