问答详情
源自:3-8 移动端项目开发——特效

page2的内圈不转

为啥内圈不转?

#page2>.p2_circle:after{

position:absolute;

top:0;

right:0;

bottom:0;

left:0;

margin:auto;

background:url(images/p2_circle_inner.png) no-repeat center center;

background-size:100%;

width:39.9375vw;

height:39.9375vw;

border-radius:50%;

-wedkit-animation:p2_circle_inner 1s linear 1s infinite;

animation:p2_circle_inner 1s linear 1s infinite;

}

@-wedkit-keyframes p2_circle_inner{

0%{

-wedkit-transform:rotate(0deg);

transform:rotate(0deg);

}

100%{

-wedkit-transform:rotate(-1080deg);

       transform:rotate(-1080deg);

}

}


@keyframes p2_circle_inner{

0%{

   -wedkit-transform:rotate(0deg);

transform:rotate(0deg);

}

100%{

-wedkit-transform:rotate(-1080deg);

       transform:rotate(-1080deg);

}

}


提问者:习惯就好了 2016-08-18 10:15

个回答

  • 星空01
    2016-08-19 11:20:40

    加上 content:“”;试试