[JS]画像にグラデーションを重ねて、ソフトなイメージにするスクリプト

CSS Globeのエントリー「Soft Edges and Opacity Gradients for Images」から、画像にグラデーションを重ねて、ソフトなイメージにするスクリプトの紹介です。

Soft Edges and Opacity Gradients for Images

Soft Edges and Opacity Gradients for Images
デモページ

画像に適用するには、外部スクリプトとして「softedge.js」を記述するだけです。

グラデーションはカスタマイズが可能で、グラデーションの幅、四辺の適用の有無などができます。
また、グラデーションを適用させたくない画像はスクリプト内にクラス名で指定することによって、その画像を対象外にすることができます。

sponsors

top of page

©2024 coliss