Html
    Css
    Js

    
                        
  .box {
	height:100px;
	width:80%;
	display:flex;
	background-color:rgba(000,000,000,.5);
	margin-top:300px;
}
.box div {
	width:8%;
	margin:10px;
	background-color:aqua;
	transition:transform  0.4s ease;
	cursor:pointer;
}
.box div:hover {
	transform:translateY(-20px) scale(1.1);
}

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

鼠标滑入上移放大效果

更新时间:2024-08-01 09:10:45

鼠标滑入元素上移的动画效果

0