小编Don*_*ard的帖子

关于CSS Animation\transform的疑问.我试图理解CSS动画并遇到以下问题:

一个简单的div,动画在CSS中附加到它,如下所示

   <div id="learn">LEARN</div>

   #learn {
   width : 100px;
   height : 100px;
   background : blue;
   position : relative;
   animation: test1 5s ease-in 2s infinite;
   }

情况1 :

   @keyframes test1 {
    0% {
    transform: rotate(179deg);
    }
    100% {
    transform: rotate(357deg);
    }
    }

情况2(0%变换分为90 + 89度而不是179度):

@keyframes test1 {
 0% {
 transform: rotate(90deg) rotate(89deg);
 }
 100% {
 transform: rotate(357deg);
 }
 }

为什么第一种情况顺时针旋转而第二种情况逆时针旋转？