목록SHADOW (1)

IT 세상 해석하기

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

[CSS] 텍스트뒤 그림자효과 넣는 방법 By i!kohong(아이코홍) CSS 코드 text-shadow : h-shadow v-shadow blur color 예시 See the Pen PowmZMz by KorHWS (@korhws) on CodePen. h-shadow는 text기준 가로축, v-shadow는 text기준 세로축으로 +값을 가지면, h-shadow가로 오른쪽, v-shadow세로 아래쪽으로 그림자가 생성이 되며, -값은, h-shadow 가로 왼쪽, v-shadow세로 윗쪽으로 그림자가 생성되는것을 확인할 수 있습니다. blur는 그림자의 선명도를 설정할 수 있으며, 값이 작을수록, 그림자의 글자가 선명해지며, 값이 커질수록, 퍼지는 효과를 확인할 수 있습니다.
프로그래머 공간/CSS 2019. 12. 22. 11:13
Prev 1 Next