画像の見た目に合わせたドロップシャドウを作り出すスクリプト・「Image-shadow」

0

Image-shadow


Image-shadowは画像の見た目に合わせて陰影を作成するスクリプトです。非依存型で単体で動作します。コードよく見てないけど画像のクローンを作成してblurさせて下に配置、を自動でやってくれる、みたいなものだと思います。分かりやすくするために1つだけ影をやや鮮明にしています。blurの設定はカスタムデータ属性で行います。非圧縮でも1.5kb軽量で他スクリプトへの依存もありませんが、CSSフィルターだと思うのでIEでは使えなさそうですね。ライセンスはMITとの事。

余談ですが同じような内容として、「CSSでシャドウもグラデーションにする」という記事を少し前に書いてます。

Image-shadow

Share.

About Author

Comments are closed.