page2的内圈不转

来源:3-8 移动端项目开发——特效

习惯就好了

2016-08-18 10:15

为啥内圈不转?

#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);

}

}


写回答 关注

1回答

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

    加上 content:“”;试试

    点点圈圈错错... 回复习惯就好了

    after和before都要加content

    2016-12-02 10:45:32

    共 2 条回复 >

HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110034 学习 · 450 问题

查看课程

相似问题