问答详情
源自:7-4 转身与logo效果

为何男孩转身了,女孩没有转身,这是出现了什么问题呢

为何男孩转身了,女孩没有转身,这是出现了什么问题呢

提问者:慕仔8755223 2016-08-09 11:37

个回答

  • 小呀嘛小白菜
    2016-08-10 14:59:08
    已采纳

    你看看是不是在pageC里面少了这段代码

    /*小女孩*/

    .girl {
       background: url(http://img.mukewang.com/55ade30d000100dc10570291.png) -755px -0px no-repeat;
       position: absolute;
       right: 40%;
       top: 37%;
       width: 151px;
       height: 291px;
    }

    .girl-rotate {
       -webkit-animation-name: girl-rotate;
       -webkit-animation-duration: 850ms;
       -webkit-animation-iteration-count: 1;
       -webkit-animation-timing-function: step-start;
       -webkit-animation-fill-mode: forwards;
       -moz-animation-name: girl-rotate;
       -moz-animation-duration: 850ms;
       -moz-animation-iteration-count: 1;
       -moz-animation-timing-function: step-start;
       -moz-animation-fill-mode: forwards;
    }

    @-webkit-keyframes girl-rotate {
       0% {
           background-position: -604px -0px;
       }
       16.7% {
           background-position: -151px -0px;
       }
       33.4% {
           background-position: -906px -0px;
       }
       50.1% {
           background-position: -0px -0px;
       }
       66.8% {
           background-position: -302px -0px;
       }
       83.5% {
           background-position: -453px -0px;
       }
       100% {
           background-position: -604px -0px;
       }
    }

    @-moz-keyframes girl-rotate {
       0% {
           /*background-position: -604px -0px;*/
       }
       16.7% {
           background-position: -151px -0px;
       }
       33.4% {
           background-position: -906px -0px;
       }
       50.1% {
           background-position: -0px -0px;
       }
       66.8% {
           background-position: -302px -0px;
       }
       83.5% {
           background-position: -453px -0px;
       }
       100% {
           background-position: -604px -0px;
       }
    }

  • 慕仔8755223
    2016-08-10 15:43:24

    enen,, 谢谢