ホバーアニメーション
ホバーで半透明になるボタン
ホバーでふわっと半透明になります。
半透明にするには、opacityプロパティを使用します。
ホバーで拡大するボタン
ホバーで1.1倍に拡大します。
Buttonホバーで少し浮くボタン
ホバーで上へ4px移動させ、同時に影を付けます。
Buttonホバーで矢印が動くボタン
ホバー時にボタン内の矢印が少し右に動きます。
Button→
連続アニメーション
ローディングアイコン
1秒1回転するローディングアイコンです。
左右に揺れるカード
0.4秒を1サイクルとして、右に5px、左に5pxでずっと揺れるカードです。
転がるミャクミャク
回転:1サイクル1秒、移動:1サイクル5秒として移動します。