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

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

デモのキャプチャ

Sexy Music Album Overlays
demo

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

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

PNG画像のキャプチャ

オーバーレイの画像

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

sponsors

top of page

©2018 coliss