css3动画 transform中rotate旋转方向（旋转立方体）

这两天学习了CSS3 运用 translate和animation做旋转立方体时因为rotate旋转的方向折腾了很久，现在终于明白了！

总结为一张图↓

整体效果
绕Y轴(rotateY)，角度为正时

    @keyframes cubic {
      from {
        transform: rotateX(0deg) rotateY(0deg);
      }
      
      100% {
        transform: rotateX(0deg) rotateY(360deg);
      }
    }

绕X轴(rotateX)角度为正时

    @keyframes cubic {
      from {
        transform: rotateX(0deg) rotateY(0deg);
      }
      
      100% {
        transform: rotateX(360deg) rotateY(0deg);
      }
    }

最后这是我做的旋转立方体demo链接~有兴趣的朋友可以看看
https://lanshiliang.github.io/miao/css-3d.html