 |
文字を装飾しよう
左右反転
|
<DIV STYLE="width:90%;font-size:15pt;color:red;
filter:Fliph(enabled=true)">左右反転</DIV>
|
|
上下反転
|
<DIV STYLE="width:90%;font-size:15pt;color:red; filter:Flipv(enabled=true)">上下反転</DIV> |
|
影を投影
|
<DIV STYLE="width:90%;font-size:20pt;color:orangered; filter:Dropshadow(color=blak,positive=false)">影を投影</DIV> |
|
影文字
|
<DIV STYLE="width:90%;font-size:20pt;color:orangered; filter:Dropshadow(color=blak,positive=false)">影を投影</DIV> |
|
ぼかし．ぶれ効果
|
<DIV
STYLE="width:90%;font-size:30pt;filter:Blur(direction=90,enadied=true)">ぼかし．ぶれ効果</DIV> |
|
波形効果
|
<DIV
STYLE="width:90%;font-size:15pt;filter:Wave(strength=3,lightstrength=100,freq=3)">波形効果</DIV> |
|
漢字に振り仮名
|
<RUBY>漢字<RP>(</RP><RT>かんじ</RT><RP>)</RUBY>に<RUBY>振り仮名<RP>(</RP><RT>ふ かな</RT><RP>)</RUBY> |
|
発光する文字タグ
|
<DIV STYLE="width:90%;font-size:30pt;color:#FFFFFF; filter: Glow(color=aqua)">発光する文字タグ</DIV> |
|
発光する文字タグ
|
<DIV style="width:90%;font-size:30pt;color:black; filter: Glow(color=yellow,strength=20)"
align="center">発光する文字タグ</DIV> |
|
ＭＡＳＫ_ＣＯＬＯＲ |
<SPAN STYLE="width:80%;font-size:30pt;filter: Mask(color=blue)">ＭＡＳＫ ＣＯＬＯＲ</SPAN> |
|
Ｃｈｒｏｍａ |
<DIV STYLE="width:80%; background:#00FF00; filter: chroma(color=blue)"><FONT
COLOR="red" SIZE="5">Ｃｈｒｏｍａ</FONT></DIV> |
|
|
|
|
文字を動かしてみよう
右から左へ
左から右へ
枠内で動かす
下から上へ
上から下へ
枠内で上下に動かす
|
右から左
<MARQUEE WIDTH="90%"BGCOLOR="silver">文字を動かす</MARQUEE>
左から右へ
<MARQUEE WIDTH="90%"DIRECTION="right" BGCOLOR="blue"><FONT
COLOR="#FFFFFF">文字を動かす</FONT></MARQUEE>
枠内で動かす
<MARQUEE WIDTH="90%"BEHAVIOR="alternate" BGCOLOR="silver">文字を動かす</MARQUEE>
下から上へ
<MARQUEE WIDTH="90%"HEIGHT="200px"DIRECTION="up"
BGCOLOR="pink"><CENTER>文字を動かす</CENTER></MARQUEE>
上から下へ
<MARQUEE WIDTH="90%"HEIGHT="200px"DIRECTION="down"
BGCOLOR="pink"><CENTER>文字を動かす</CENTER></MARQUEE>
枠内で上下に動かす
<MARQUEE WIDTH="90%"HEIGHT="200px"DIRECTION="up"
BEHAVIOR="alternate" BGCOLOR="pink"><CENTER>文字を動かす</CENTER></MARQUEE> |
|
|
|
|
|
|
|
|
|
|
|
|
使って楽しい ＷＥＢの小技 (Tagのサンプル集）