フィルター効果

Wiki文法上級編 #京都府
イメージ 1

＜　元画像


イメージ 1
イメージ 1
イメージ 1

||<#FFFFFF' style='filter: alpha(style=1,opacity=0,finishopacity=100)' ``attached(１)||
||<#FFFFFF' style='filter: alpha(style=2,opacity=100,finishopacity=0)' ``attached(１)||
||<#FFFFFF' style='filter: alpha(style=3,opacity=100,finishopacity=0)' ``attached(１)||
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　数字は半角に↑
style=1,2,3 
グラデーションのスタイル（1=線形、2=円形、3=方形）を指定
【opacity=100,finishopacity=0(規定値)は省略可能】
opacity=0～100 
開始透明度を0（透明）～100（不透明）を指定
finishopacity=0～100 
終了透明度を0（透明）～100（不透明）を指定


イメージ 1
モザイク：文字でも可能です。


||<#ffffff' style='filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=10)' ``attached(１)||
||||<#ffccff' style='font-size:40px;color:#0000ff;filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3)' ``モザイク：文字でも可能です。||

モザイクの大きさ指定（maxsquare=5）


イメージ 1
イメージ 1
イメージ 1

||<#ffffff' style='filter:invert' ``attached(１)||
||<#FFFFFF' style='filter: gray' ``attached(１)||
||<#FFFFFF' style='filter: xray' ``attached(１)||

filter:invert　 ネガ反転
filter:gray 　モノクロ 
filter:xray　 X線効果


イメージ 1

文字でも可能です。 


||<#ffffff' style='filter:wave(freq=3,lightstrength=50,strength=5)'``attached(１)||

||<#ffccff' style='font-size:40px;color:#0000ff;filter:wave(freq=3,lightstrength=50,strength=5)'``''' 文字でも可能です。 '''||

filter:wave   波状にします。 
freq=数値  波の数 
lightstrength=0～100  光の強さ  
strength=数値  波の強さ


イメージ 1　＜元画像
上の写真は記事に添付した同じカラー写真を使ってます。