[CSS]ジャケ写をセクシーにスタイリングするスタイルシート

ジャケ写をジュエルケース、コンパクトケース、ビニールスリーブに入っているようにみせるスタイルシートをKomodo Mediaから紹介します。

Sexy Music Album Overlays
demo

デモでは、3つのスタイルがスクリプトで切り替わるようになっていますが、個別に適用することもできます。

仕組みは、元画像にケース画像をオーバーレイさせています。

オーバーレイの画像

スタイルの適応時には、ジャケ写のサイズを微量に変更しているため、IE7用に下記のスタイルが適用されています。