スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

連載-23 Blur(ぶれぼかし)フィルター

 ボカシにもいろいろあるが、Blurは画像をぶらしてぼかす方法です。
画像のスタイルに次のように設定します

style="filter:progid:DXImageTransform.Microsoft.blur(pixelradius=10);"

pixelradiusの値はブラシの幅で、数が多いほうがぼかし量がおおくなります。

下の長府の毛利邸での私の写真ですが、オンマウスでぼかしが消え、マウスアウトでぼかしが入るように、onmouseover onmouseout のイベントで設定しています。

<

ソースは以下(改行は削除し、<>は半角に)
<span style="FONT-SIZE:1PX;color:white;">
<<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723636094bd6ba597c41d_import.jpg"
style="filter:progid:DXImageTransform.Microsoft.blur(pixelradius=10);border-style:ridge;"
onmouseover="this.filters[0].pixelradius=0;"
onmouseout="this.filters[0].pixelradius=10;" />
</span>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。