[CSS] 텍스트뒤 그림자효과 넣는 방법

[CSS] 텍스트뒤 그림자효과 넣는 방법

By i!kohong(아이코홍)

---

CSS 코드

---

• text-shadow : h-shadow v-shadow blur color

---

예시

---

 

 

h-shadow는 text기준 가로축, v-shadow는 text기준 세로축으로 +값을 가지면,  h-shadow가로 오른쪽,  v-shadow세로 아래쪽으로 그림자가 생성이 되며, -값은, h-shadow 가로 왼쪽, v-shadow세로 윗쪽으로 그림자가 생성되는것을 확인할 수 있습니다.  blur는 그림자의 선명도를 설정할 수 있으며, 값이 작을수록, 그림자의 글자가 선명해지며, 값이 커질수록, 퍼지는 효과를 확인할 수 있습니다.