고급태그- 텍스트효과 - 글자에 그림자 효과주기

 글자에 그림자가 생기게 하는 방법에 대해서 알아 보도록 하겠습니다. 일단 아래의 예제를 보시죠.

  아기가 아장아장

  아래 그림자가 어린다고 해야하나요?

  이것은 필터의 blur효과를 이용한 것입니다 사용하는 방법은..

글자를 삐져나오게 하기

<div style="color:글자색깔;width:글자넓이; height:글자폭; font-size:글자크기pt; filter:blur(속성);"></div>  또는
<span style="color:글자색깔;width:글자넓이; height:글자폭; font-size:글자크기pt; filter:blur(속성);"></span>

 

   이런 식으로 넣으면 됩니다. 그럼 "속성"에 해당하는 부분은 어떻게 하는지 알아보겠습니다

 

속  성

속성의 의미

direction

각도를 조절합니다. 0-360 까지의 각을 지정하면 됩니다.

strength

강도를 나타냅니다. (0-100)까지의 값이죠..

 

  그럼 아래를 숫자를 바꾸어 가며 연습해보세요.