没有动画效果

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

qq_巴巴罗萨_0

2017-01-10 17:27

#page2>.p2_circle:after{
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   background: url("../iamges/p2_circle_inner.png") no-repeat center center;
   background-size: 100%;
   width: 39.9375vw;
   height: 39.9375vw;
   content: "";
   -webkit-animation: p2_circle_inner 1s linear 1s infinite;
           animation: p2_circle_inner 1s linear 1s infinite;
}
@-webkit-keyframes p2_circle-inner{
   0%{
               transform: rotate(0deg);
   }
   100%{
               transform: rotate(-1080deg);
   }
}

写回答 关注

1回答

  • 慕粉3171312
    2017-02-24 08:28:34

    height的单位应该是vh吧

HTML5+CSS3实现春节贺卡

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

110057 学习 · 450 问题

查看课程

相似问题