问答详情
源自：9-2 CSS3中调用动画

不懂为什么是这样？

转一圈不应该是下面这样的么？

@keyframes around{

  0% {
    transform: translateX(0);
  }
  25%{
    transform: translateX(180px);
  }
  50%{
     transform: translateY( 180px);
  }
  75%{
    transform:translate(-180px,0);
  }
  100%{
    transform: translateY(0,-180px);
  }
}

提问者：慕设计2092740 2014-12-04 17:37

个回答

  • 邓__
    2016-03-07 19:28:43

    @keyframes rotate1 {
       from{
           transform: rotate(0deg);
       }
       to{
           transform: rotate(360deg);
       }
    }

    这样就可以转圈

    0