@-webkit-keyframes rotate{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} } @-moz-keyframes rotate{ from{-moz-transform:rotate(0deg)} to{-moz-transform:rotate(360deg)} } @-ms-keyframes rotate{ from{-ms-transform:rotate(0deg)} to{-ms-transform:rotate(360deg)} } @-o-keyframes rotate{ from{-o-transform:rotate(0deg)} to{-o-transform:rotate(360deg)} } .tupain{ background-image: url(../img/jsdm-logo.svg); background-repeat: no-repeat; animation: 9.5s linear 0s normal none infinite rotate; -webkit-animation:9.5s linear 0s normal none infinite rotate; height: 300px; width: 300px; position: absolute; top: 74px; left: 73px; z-index: 0; } .zhezhao{ background:url(../img/jsdm-logo.svg) no-repeat; height:430px; width:430px; z-index:1; position:absolute; }