PROMULGATOR

    何物动人

    广东省深圳市
    Html
    Css
    Js

    
                        


                        

                            


body {
	/* 控制3d效果 */
         perspective:1000px;
	overflow:hidden;
}
.box {
	width:400px;
	height:240px;
	margin:0 auto;
	/* background-color:greenyellow;
	*/
        box-shadow:0px 0px 20px gray;
	/* 开启3d */
        transform-style:preserve-3d;
	/* 添加过渡 */
        transition:all 0.2s
}


                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
仿锤子网3d效果图

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
代码里有详细注释,其中关键点是旋转角度的百分比,

                         

                     

                   
                


                
0