고급태그- 텍스트효과 - 같은 모양의 글자 겹치게 하기

같은 모양의 글자 겹치게 하는 예제를 보기로 하겠습니다. 아래 나온 글자를 볼까요?

행복하세요~

글자를 보니까 같은 글자 모양이 겹쳐지게 나왔습니다.

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

글자를 겹치게 하자

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

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

속 성	속성의 의미
color	color=색명 또는 RGB코드를 넣어 그림자의 글자의 색깔을 지정한다
offx , offy	offx = 수치, off=수치 를 넣어 그림자의 상대적인 좌표를 지정한다.
positive	0 이면 투명픽셀, 1 이면 불투명한 글자를 보여준다.

그럼 "참을 수 없는 존재의 무거움" 라는 글자를 노란색으로 하고 그림자를 검정색으로 하고 그림자를 빠짝붙여서 나타내려면? 아래와 같이 하면 됩니다. 아래에 있는 것을 바꾸어 가면서 연습 해 보세요. RGB코드를 잘 모르면 이걸 클릭하면 됩니다..