CSSで背景透過画像にshadowを落とす

こちらの背景透過画像にシャドウを落としてみましょう。

box-shadow

画像の縁にshadowを落とせます。

CSS

.img {
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

-webkit-filter: dropshadow

画像の縁ではなく、透過ではない部分にshadowを落とせます。

CSS

.img {
    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5));
}

とても便利ですね。