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

Question

我想弄清楚，如何使动画在css + js的正方形里面的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); 
    } 
}