Html
    Css
    Js

    
                        
 img {
	width:100px;
	height:100px;
	border-radius:50%;
	margin:0 20px;
	opacity:0.5
        /*x,y值,*/
         transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
}
p:hover img {
	transform:scale(0.5,0.5);
	-webkit-transform:scale(0.5,0.5);
	-o-transform:scale(0.5,0.5);
	/*对前效果的过度*/
        opacity:1;
	z-index:1
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

CSS3图片大小缩放

2
      IT宅0
      2017/11/16 9:23:11
      坠落的边儿?0
      2017/10/26 11:24:58