다음을 <HEAD></HEAD> 사이에 넣습니다.
<STYLE>
DIV {height:80; width:600;Font-size:20pt}
</STYLE>
<SCRIPT Language=VBS>
sub divWave_onClick
call Msgbox("divWave: " & divWave.style.CSSText & chr(13) _
& "divColorShadow: " & divColorShadow.style.CSSText & chr(13) _
& "divFlipVertical: " & divFlipVertical.style.CSSText & chr(13) _
& "divFlipHorizontal: " & divFlipHorizontal.style.CSSText & chr(13) _
& "divBlur: " & divBlur.style.CSSText,,"Style Properties of the DIVs")
end sub
</SCRIPT>
다음을 <BODY></BODY> 사이에 넣습니다.
<DIV ID=divColorShadow Style="filter:shadow(color=blue)">
텍스트의 그림자가 파란색이죠?
</DIV>
<DIV ID=divFlipVertical Style="filter:FlipV">글자가 위아래로 뒤집혀 보입니다.(거울효과)
</DIV>
<!--Style의 filter 속성 값에 따라 텍스트의 모양이 달라집니다.-->
<DIV ID=divFlipHorizontal Style="filter:FlipH">
이번엔 좌우로 뒤집혔군요...(거울효과)
</DIV>
<DIV ID=divBlur Style="filter:blur(add=1,direction=45,strength=10)">글자가 늘어져 보이기도 하네여...
</DIV>
'Tech: > HTML·DHTML' 카테고리의 다른 글
| 시간 컨트롤: 방문시각에 맞춘 인삿말 (0) | 2008.06.26 |
|---|---|
| 링크 클릭시 메인페이지 바꾸기 (0) | 2008.06.26 |
| IE에서 BLINK 사용하기 (0) | 2008.06.26 |
| 웹에서 오른쪽 마우스 버튼 못쓰게 하기 (1) (0) | 2008.06.26 |
| 마우스를 따라다니는 글자들... (0) | 2008.06.26 |
