@keyframes xing {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
		
    }
	    70% {
        -webkit-transform: scale(1);
        opacity: 1;
		
    }
    100% {
        -webkit-transform: scale(0.5);
        opacity: 0;
		

    }
}
.my_xing {
    -webkit-animation: xing 6s  ease-in-out forwards;
}


.my_xing>div {
            position: relative;
            width: 261px;
            height: 450px;
            margin: 100px auto;
            transform-style: preserve-3d;

            /* animation: name duration timing-function delay iteration-count direction fill-mode;   */
            animation: rotate 6s linear ;
            /* 图片路径 */
            /*background: url(../image/xw.png)no-repeat; background-size:100%;
             opacity: 0.9; */
        }


@keyframes rotate {
            0% {
                transform: rotateY(0);
				
            }

            50% {
                transform: rotateY(360deg);
			    
            }
			
			   100% {
                transform: rotateY(360deg);
				
            }
        }