ホバー時にbackground画像をズームさせるcss3アニメーション | Puzzle（パズル）ホバー時にバックグラウンドはズームさせ、バナー画像は透過させるエフェクトを作成しましたので、備忘録も兼ねて掲載させて頂きます。バナーはただブランドのロゴ画像にリンクを貼っているだけでは、クリックされる可能性が低いと思い、バックグラウンドにブランドの商品画像などを差し込んで、ひと手間かけたバナーリンクを制作しました。 HTMLは下記 <div class="contaner"> <div class="banner_1"> <div class="inner"> <a href="#"><img src="images/banner.png" alt=""></a> </div> </div> </div> CSSは下記 .banner_1 { position: relative; overflow: hidden; text-align: center; width: 350px; te
