3d方块

   

       

       

       

       

            html,body{

                position:relative;

                height:100%;

            }

            body{

                margin:0;

                padding:0;

            }

            .swiper-container{

                width:300px;

                height:300px;

                position:absolute;

                left:50%;

                top:50%;

                margin-left:-150px;

                margin-top:-150px;

            }

            .swiper-slide{

                background-position:center;

                background-size:cover;

                text-align:center;

                justify-content:center;

                align-items:center;

                display:flex;

            }

       

   

   

       

           

               

               

               

               

           

           

       

       

       

            var swiper = new Swiper('.swiper-container',{

                pagination:'.swiper-pagination',

                grabCursor:true,

                effect:'cube',

                cube:{

                    shadow:true,

                    slideShadows:true,

                    shadowOffset:20,

                    shadowScale:0.94

                }

            });