래이어 필터

*Shadow filter

필터 이름 ="shadow" - 그림자
color = 폰트 색과 그림자 색
Direction = 빛이 비추는 방향
height = 높이
<div style="font:’Verdana’,’Arial’,Sams-Serif; color:#99ff99; filter:shadow(color:#336600, Diretion=135); height:50;"><h1>1.HI HOME? HIGH HOPE!</h1></div>

*Glow filter의 적용
필터 이름 ="glow" - 빛이 발생하는 효과
color = 폰트 색과 글로우 될 색
strenth=glow되는 색의 세기
height = 높이
<div style="font:’Verdana’,’Arial’,Sams-Serif; color:#99ff99; filter:glow(color:#336600, strength=2); height:50;"><h1>2.HI HOME? HIGH HOPE!</h1></div>

*Chroma filter
필터 이름 ="chroma" - 원래의 색에서 지정된 색을 제거하는 효과
color = 폰트 색과 제거할 색
height = 높이
<div style="font:’Verdana’,’Arial’,Sams-Serif; color:#99ff99; filter:chroma(color:#99ff99); height:50;"><h1>3.HI HOME? HIGH HOPE!</h1></div>

*DropShadow filter
필터 이름 ="DropShadow" - 동일한 모양의 그림자를 떨어뜨리는 효과
color = 폰트 색과 그림자 색을 선택
OffX = 그림자의 X축 상대 좌표
OffY = 그림자의 Y축 상대좌표
height = 출력 영역의 높이-->
<div style="font:’Verdana’,’Arial’,Sams-Serif; color:#99ff99; filter:DropShadow(color:#336600, OffX=2, OffY=2); height:50;"><h1>4.HI HOME? HIGH HOPE!</h1></div>

*Mask filter
필터 이름 ="Mask" - 문자열을 정해진 색으로 마스크 레이어로 만드는 효과
color = 배경색과 마스트색을 선택
height = 출력 영역의 높이-->
<div style="font:’Verdana’,’Arial’,Sams-Serif; color:red; filter:Mask(color:#ff0000); height:50;"><h1>5.HI HOME? HIGH HOPE!</h1></div>