普通の画像をアップするだけで擦りガラスのようにボケた画像を表示させたかったのです。 別にボケた画像を作れば良いのですが、正直面倒臭いし、そんな方法で運用しようとすると絶対歪みが出ますよね。 「PhotoshopがないならGIMPを使えばいいじゃない」 なんてクライアントには言えません。 というわけで、WEB上でボケた画像を生成したり、表示をするための方法を調べてみました! CSSでぼかす 真っ先に思い浮かんだのはコレです。 CSSフィルタを使ってボカす方法です。 サンプル コード cssに以下を記述。 img.blur{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); } どうですか?ボケてますか? フチまでボ
![JavaScript?CSS?PHP?鮮明な画像をWEB上でぼかす方法。](https://cdn-ak-scissors.b.st-hatena.com/image/square/2144a5e42220529bcfb5b199ffff96a5be072f06/height=288;version=1;width=512/https%3A%2F%2Fwww.90zbear.com%2Fwp-content%2Fuploads%2F2014%2F08%2F36d34bc8f878af204b99ad96ee7541b7.jpg)