Html
    Css
    Js

    
                        
.box {
	position:absolute;
	padding-top:85px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#00506b;
}
.box .item {
	display:inline-block;
	border:0;
	width:196px;
	height:210px;
	position:relative;
	-webkit-transition:all 200ms ease-in;
	-webkit-transform:scale(1);
	-ms-transition:all 200ms ease-in;
	-ms-transform:scale(1);
	-moz-transition:all 200ms ease-in;
	-moz-transform:scale(1);
	transition:all 200ms ease-in;
	transform:scale(1);
}
.box .item:hover {
	box-shadow:0px 0px 50px #333;
	z-index:2;
	-webkit-transition:all 200ms ease-in;
	-ms-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	-webkit-transform:scale(1.7);
	-ms-transform:scale(1.7);
	-moz-transform:scale(1.7);
	transform:scale(1.7);
}

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

CSS HOVER 放大缩小

更新时间:2023-04-20 21:42:12

0