가장 중요한 것은 확장 패널(그림 3)의 설정입니다. 모든 CSS 필터는 "시각적 효과" 아래의 필터에 나열되어 있습니다. 텍스트에 빛나는 가장자리 효과가 있습니다. Glow 필터의 구문 형식은 Glow(Color=?, Strength=?)이며 두 가지 매개변수가 있습니다. Color는 후광의 색상을 결정하거나 ffffff와 같은 16진수 코드 또는 Red 및 Yellow와 같은 단어를 사용할 수 있습니다. 강도는 0에서 255까지의 광도를 나타냅니다. 이 예에서는 색상을 빨간색으로 설정하고 광도를 8로 설정한 다음 OK를 설정합니다.
다음으로 이 CSS 스타일을 테이블에 적용합니다. 커서를 셀로 이동시킨 후 문서창 좌측 하단의 라벨을 클릭하여 셀을 선택한 후 CSS 스타일 패널에서 새로 생성된 스타일을 클릭하면 해당 CSS 스타일을 나타내도록 라벨이 변경됩니다. 셀에 적용되었습니다. 문서 창에서는 변경 사항을 볼 수 없습니다. IE에서 미리 보려면 F12 키를 누르면 효과가 나타납니다(그림 4).
어때요? 포토샵의 필터 효과만큼 열등하지 않습니다. 이런 특수효과 단어 몇개를 웹페이지에 넣으면 웹페이지가 훨씬 더 아름다워지고, PrintScreen 키를 이용해 화면을 캡쳐한 후 그리기 프로그램에 붙여넣고 저장해서 별도의 그림으로 만들 수도 있습니다.
그림자 단어
텍스트에 그림자 효과를 생성할 수 있는 두 가지 CSS 필터, 즉 Drowshadow와 Shadow가 있습니다. 두 필터가 생성하는 효과는 약간 다릅니다.
그림자 단어를 만드는 단계는 기본적으로 후광 단어를 만드는 단계와 동일합니다. CSS 스타일에서 필터를 다시 선택하면 됩니다.
Drowshadow 필터의 구문은 다음과 같습니다: DropShadow(Color=?, OffX=?, OffY=?, Positive=?).
그중 Color는 그림자의 색상을 나타내며 16진수로 표시됩니다. OffX와 OffY는 각각 텍스트 위치로부터의 그림자 편차의 양을 픽셀 단위로 나타내며, 1은 모든 불투명에 대한 그림자 생성을 나타냅니다. 요소, 0 모든 투명 요소에 대해 보이는 그림자 생성을 나타냅니다.
예를 들어 필터가 DropShadow(Color=6699cc, OffX=2, OffY=2, Positive=1)로 설정된 경우 효과는 그림 5와 같습니다.
마스크 단어
CSS 필터는 텍스트 부분을 마스크로 처리할 수 있는 마스크 기능도 제공합니다. 배경에 적절한 그림을 사용하면 아름다운 속이 빈 텍스트 효과를 생성할 수 있습니다.
문서 창에 1×1 표를 삽입하고 문서 창의 왼쪽 하단에 있는 레이블을 클릭하여 전체 표를 선택한 다음 속성 관리자의 배경 이미지에서 적절한 그림을 선택합니다(그림 6 참조). 그런 다음 필요한 텍스트를 입력하십시오.
다음으로 셀에 마스크 필터를 추가합니다. 단계는 이전 두 예제와 유사합니다. 필터에서 마스크(색상=?)를 선택합니다. 이 매개변수는 마스크의 색상을 결정합니다.
참고: 이 예에서 텍스트의 색상 선택은 중요하지 않습니다. 최종 효과에서 텍스트가 비어 있고 색상이 표시되지 않기 때문입니다.