マウスオーバーで画像にぼかしを入れる
リンク画像をバナーっぽくしたいという要望は以前存在しており、いくつかのサイトでも紹介されています。このページでは画像にぼかしを入れる方法を紹介します。
ぼかしを入れると少し神秘的な感じになるかもしれませんね。
<style>
a img:hover{
-webkit-filter:
blur(3
px
);
-moz-filter:
blur(3
px
);
-ms-filter:
blur(3
px
);
-o-filter:
blur(3
px
);
filter:
blur(3
px
);
}
</style>
▼ タグの貼り付け方はここ マウスを当てると画像が開きます。
この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。