CSS だけでウネウネと動く円を作ってみます。SVG や canvas を使って作ったりするのが主流だと思うのですが、CSSだけでもそれなりにウネウネと動かせます。CSS の animation を使ってやってみます。 ウネウネ動くサンプル 円がウネウネと動いています。 ウネウネ動く CSSHTML<div class="uneCircle"></div>div に class を付けてるだけです。この div をウネウネ動かします。 .uneCircle { border: 5px solid #87CCA1; animation: uneune 5s linear infinite; /* 5秒アニメーションをループ */ width: 280px; height: 280px; margin: 50px auto; } @keyframes uneune { 0% { border-
![CSSだけでウネウネ動く円を作る | q-Az](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fea8c61cf4634d203f04eafc2acce2c0a9bf99c/height=288;version=1;width=512/https%3A%2F%2Fq-az.net%2Fogp%2Fcss-uneune-circle.png)