視覚効果

トップ > 逆引きリファレンス > 視覚効果

文字や画像に影をつけるには

文字や画像に影をつけるには、スタイルシートの DropShadow()Shadow() を用います。

<div style="width:100%; filter:DropShadow(color=silver,offX=3,offY=-3)">
This is Japan.
</div>

<div style="width:100%; filter:Shadow(color=silver,direction=45)">
This is Japan.
</div>
This is Japan.
This is Japan.

文字や画像を半透明にするには

文字や画像を半透明にするには、スタイルシートの Alpha() を用います。

<img src="~" width=98 height=98 style="filter: Alpha(opacity=30);">

ページを移動する際にビジュアル効果をつけるには

あるページから別のページに移動する際に、ページの右から左にページがめくれるように変わったり、格子模様でだんだんと変わったりするような視覚効果をつけることができます。詳細は トランジション を参照してください。


Copyright (C) 2003-2004 杜甫々
初版: 2003年10月13日、最終更新:2004年4月18日
http://www.tohoho-web.com/how2/visual.htm