ベースHTML ベースのHTMLです。っていっても基本aタグだけです。 html <a href="#" class="btn01">BUTTON</a> 1.くるくるって回るアニメーション くるくるっと2回転するアニメです。 くるっと1回転の場合は「rotate」を360にすればOKです。 css .btn01 { color: #fff; text-decoration: none; background-color: #dda0dd; display: block; width: 150px; height: 150px; line-height: 150px; border-radius: 50%; /* ここで動く速度とか設定 */ transition: all 1s ease; -webkit-transition: all 1s ease; } .btn01:hover {
![ワンポイントに使えるCSS3マウスオーバーアニメーション5種](https://cdn-ak-scissors.b.st-hatena.com/image/square/eb2c7af7d7b83a90893bd6abaad21920a06836ef/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2013%2F10%2F1030s.png)