日: 2016年8月22日

ホバーで画像を大きくするのまとめ　hover img

かこみ要素
.hover_big_img{
  transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	/*これを書かないと画像がちらつく*/
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
イメージ
.hover_big:hover .hover_big_img{ 

	
	 -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
	
	}

ちらつくさんこう
https://yumeirodesign.jp/blog/201312/csstransforms_fixed.html

css導入参考

http://raining.bear-life.com/css/css3%E3%81%AE%E3%80%8Ctransformscale%E3%80%8D%E3%81%A7hover%E3%81%97%E3%81%9F%E6%99%82%E3%81%AB%E7%94%BB%E5%83%8F%E3%82%92%E6%8B%A1%E5%A4%A7%E3%81%99%E3%82%8B