CSS Globeのエントリー「Soft Edges and Opacity Gradients for Images」から、画像にグラデーションを重ねて、ソフトなイメージにするスクリプトの紹介です。
Soft Edges and Opacity Gradients for Images
デモページ
画像に適用するには、外部スクリプトとして「softedge.js」を記述するだけです。
グラデーションはカスタマイズが可能で、グラデーションの幅、四辺の適用の有無などができます。
また、グラデーションを適用させたくない画像はスクリプト内にクラス名で指定することによって、その画像を対象外にすることができます。
Post on:2008年2月29日
