(K)ロールオーバー時に画像が拡大したり回転したりするCSS3を試した | web(K)campus|WEBデザイナーのための技術系メモサイトブログサイトでアイキャッチ画像にマウスを合わせると、画像が拡大するアニメーションがあります。 CSS3の「transform:」を使うことで、比較的簡単にアニメーション効果を実現できます。そんな訳で今回はCSS3を使って画像をロールオーバーした時に画像が拡大するアニメーションの備忘録 「transition:」と「transform:」を設定 「transform: scale();」プロパティを設定して、拡大させて 「transition: transform」でアニメーション速度の設定をします。 【HTML】 <div class="scale_anime"> <img src="img/img01.jpg" alt="大きくなる画像"/> </div> 拡大しても、横と縦幅が動かさないために＜img＞を＜div＞で囲ってます。 【CSS】 .scale_anime { width:
