1. text-shadow
텍스트에 그림자 효과 부여
선택자{ text-shadow : Horizontal-offset Vertical-offset Blur-Radius Shadow-Color; }
Horizontal-offset 그림자를 텍스트의 오른쪽으로 지정값만큼 이동
Vertical-offset 그림자를 텍스트의 아래로 지정값만큼 이동
Blur-Radius 그림자의 흐림정도 지정, 지정값만큼 그림자 커지고 흐려짐
Shadow-Color 그림자 색깔 지정
2. box-shadow
요소에 그림자 효과 부여
선택자{ text-shadow : Inset Horizontal-offset Vertical-offset Blur-Radius Spread Shadow-Color; }
Inset 지정 시 그림자가 요소 안쪽에 위치
Spread 그림자를 더 크게 확장
'개발 스터디 > css' 카테고리의 다른 글
| 14. 트랜지션 (0) | 2023.07.30 |
|---|---|
| 13. 그레이디언트 (0) | 2023.07.30 |
| 벤더 프리픽스 (0) | 2023.07.30 |
| 스타일의 상속과 적용 우선순위 (0) | 2023.07.25 |
| 요소 정렬 (0) | 2023.07.25 |