在CSS中围绕div滚动方块的动画

Question

我试图弄明白，如何在css + js中制作动画，在div中绕着div旋转，如图所示。我想知道它是否可能，因为在角落里翻转到其他所有方面。

Answer 1

谷歌搜索并不是尝试创建解决方案。谷歌搜索试图找到别人努力工作的解决方案。

看起来你只是想让别人为你做这项工作。

我给你一个基本的概念例子。我想我知道你在寻找什么，但你显然不想为这个目标而努力，所以我也不是。在你展示自己的努力之前，这就是你从我这里得到的一切。

http://codepen.io/anon/pen/BzQzXe

#square {
  position: relative;
  height: 5vmin;
  width: 5vmin;
  border: 1px solid blue;
  margin: 0;
  padding: 3vmin;
  overflow: hidden;
  animation-duration: 12s;
  animation-name: movesquare;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes movesquare {
  0% {
    margin: 0;
  }
  25% {
    margin: 85% 0 0 0;
  }
  50% {
    margin: 85% 0 0 85%;
  }
  75% {
    margin: 0 0 0 85%;
  }
  87.5%{
    }
  100% {
    margin: 0;
    transform:rotateZ(1800deg);
  }
}