jquery+css實現(xiàn)動感的圖片切換效果_jquery

 .container {
 width: 100vw;
 height: 100vh;
 background-color: #fff;
 position: absolute;
 }
 
 .center {
 width: 600px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 top: 50%;
 transform: translateY(-50%);
 text-align: center;
 
 background-image: url(images/banana.png);
 background-position: -10000px,-10000px;
 background-repeat: no-repeat;
 }
 
 .center h1 {
 margin: 0px;
 padding: 0px;
 text-align: center;
 margin-bottom: 50px;
 font-size: 18px;
 text-transform: uppercase;
 }
 
 .center p{
 padding-top:50px;
 text-align: center;
 color: #ccc;
 font-size: 12px;
 
 }
 
 .center p a{
 text-decoration: none;
 color: inherit;
 }
 
 .center p a:hover{
 color:#222;
 }
 
 .center img{
 cursor: pointer;
 }