[CSS 살펴보기] text-shadow를 이용한 다양한 효과
CSS의 text-shadow로 줄 수 있는 효과에 대하여 몇가지 실펴 보겠습니다. text-shadow 요약 CSS의 text-shadow는 텍스트에 그림자를 표현하기 위한 속성 입니다. 여러개의 그림자를 ,(콤마)로 구분하여 겹쳐 사용 할 수 있습니다. ,(콤마)를 기준으로 뒤로 갈수록 그림자는 하단에 위치하게 됩니다. text-shadow 문법 text-shadow: [ ,][ ,] ※ color은 앞에 올 수도 있고 뒤에 올 수도 있습니다. ※blur는 기본값이 0이며 생략 가능 합니다. 또한 값이 클수록 그림자는 더 크고 흐려 집니다. 그럼 몇가지 사용 예시를 보겠습니다. 1. 입체 효과 입체 효과 이 예시는 아래와 같이 그림자를 2번 주었습니다. 처음 그림자는 밝은 그림자를 주고 가장 하단에 ..
