Html
    Css
    Js

    
                        
* {
	box-sizing:border-box;
}
div#test {
	width:100%;
	height:500px;
	background:white;
	padding:50px 0;
	margin:0px auto;
	border:1px solid #ddd;  
	perspective:1000px;
}
#banner {
	height:300px;
	width:400px;
	margin:0 auto;
	background:#37D7B2;
	transition:transform 0.1s;
	box-shadow:0 0 15px rgba(0,0,0,0.25);
	text-align:center;
	line-height:300px;
	font-size:50px;
	color:#fff;
}
body {
	background:white;
	padding:20px;
}

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

图片3D倾斜动画特效

3
      ?°。°二胖0
      2017/9/14 19:02:31
      蜗牛0
      2017/9/12 11:17:28
      未来必定走向这个方向
          ?°。°二胖0
          2017/9/14 19:03:04
          这个不错
      回复