ぷにっと感がたまらない ローディングに使えるCSSアニメーション | 9ineBBぷにぷにピョンピョン跳ねる感じが良い 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;
CSS3 Animation Code Generator | Toptal®
