ぷにぷにピョンピョン跳ねる感じが良い CSSアニメーション。 プニッと感がとても良い出来です ローディングの表示に等に使えば、待っている間に和みを与えられるのではないでしょうか HTML <div class="container green-100 animation-07"> <div class="arc"> <div class="arc-cube"></div> </div> </div> CSS @-webkit-keyframes arc { 0% { border-width: 30px; } 25% { border-width: 15px; } 50% { -webkit-transform: rotate(27deg); transform: rotate(27deg); border-width: 30px; } 75% { border-width: 15px;
![ぷにっと感がたまらない ローディングに使えるCSSアニメーション | 9ineBB](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff72d45146a450e8c90443be9d46cb4f5fff5b76/height=288;version=1;width=512/https%3A%2F%2F9-bb.com%2Fwp-content%2Fuploads%2F2015%2F02%2F2449.png)