Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
	list-style:none;
}
.clearFix:after {
	content:'';
	display:block;
	clear:both;
}
ul {
	width:426px;
	margin:50px auto;
}
li {
	width:100px;
	height:100px;
	border:1px solid red;
	float:left;
	margin:20px;
	background:#ccc;
	transition:1s all ease;
	position:relative;
	z-index:1;
}
li:hover {
	transform:scale(3);
	z-index:2;
}

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

鼠标移入放大

用于尾级菜单使用,鼠标移入时变大

0