CSS　＞　 フィルタ（IE5.5〜 DirectX）　

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

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


  • () の中には以下の属性をカンマ（,）で区切って指定する。
  • add=
    • 波打った要素の上にもとの要素を上書き表示するかどうか指定。
    • 0 （false　上書きしない）
    • 1 （true　デフォルト　上書き）
  • freq=
    • 波の数を指定。
  • lightstrength=<
      li>波に当たる光の強さを 0 〜 100 の範囲で指定。
  • phase=
    • 波の開始位置を 0 〜 360 の範囲で指定。
  • 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