CSS >  フィルタ(IE5.5〜 DirectX) 

filter:progid:DXImageTransform.Microsoft.Wave();

波がうったような効果を指定できる。


  • () の中には以下の属性をカンマ(,)で区切って指定する。
  • add=
    • 波打った要素の上にもとの要素を上書き表示するかどうか指定。
    • 0 (false 上書きしない)
    • 1 (true デフォルト 上書き)
  • freq=
    • 波の数を指定。
  • lightstrength=<
      li>波に当たる光の強さを 0100 の範囲で指定。
  • phase=
    • 波の開始位置を 0360 の範囲で指定。
  • strength=
    • 波の強さを指定。数値が大きいほど強い。
  • enabled=
    • 0 (false フィルタを実行しない)
    • 1 (true フィルタを実行 デフォルト)

使用例

<P style="filter:progid:DXImageTransform.Microsoft.Wave(
freq=5,lightstrength=40,strength=3);
width:500px;font-size:50px;color:#33bbaa;">
Wave Sample</P>

<IMG src="sarii.gif" alt="影サンプル" width="120" height="120"
style="filter:progid:DXImageTransform.Microsoft.Wave(
freq=15,lightstrength=0,strength=4);">

Wave Sample

影サンプル



   ⇒ 

Top Page   Menu   Back