[CSS]画像にビデオや砂の嵐のノイズをのせるスタイルシート

画像にビデオや砂の嵐のノイズをのせるスタイルシートをMatthew James Taylorから紹介します。

元の画像は下のようになっていて、上のようにビデオのノイズをのせたエフェクトを適用します。

元の画像

アニメーションGIFを利用して、砂の嵐のエフェクトを適用したデモもあります。

砂の嵐のエフェクト
※デモではザァーとアニメしてます

実装はimg要素で画像を配置し、空spanと一緒にdivで括ります。
若干動作がもたつきますが、IE6もサポートしています。

元記事の下の方で、画像を含めたファイル一式がダウンロードできます。

Post on:2009年7月15日