▶ 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 |
---|