CSS（CSS3）のみでマウスオーバーで画像拡大エフェクトを付ける方法｜BLACKFLAG先日のCSS（CSS3）のみでスライド画像ギャラリーを作る方法に引き続き、 CSS（CSS3）のみで形成する、画像にマウスオーバーで拡大エフェクトをつける ギャラリー的なもののサンプルを紹介してみます。 初めに完成サンプルから。 ※動作環境は前回同様にWebkitブラウザのSafariやChromeのみです。 CSS3 HOVER SPREAD GALLERY【SAMPLE01】 サムネイル画像にマウスオーバーすると画像がスムーズに拡大します。 拡大後は画像に対してCSS3ドロップシャドウが付きます。 今回のHTMLソースは＜ul＞と＜li＞のリストで形成された ごく単純なもの。 ◆HTML <div id="contents"> <ul> <li><a href="#"><img src="img/photo01.jpg" width="200" height="150" alt="">
