コピペで簡単に利用できる、CSSアニメーションを使ったボタン・スピナーのコレクション -CSS Wand

Post on:2019年6月17日

sponsors

コピペで簡単に利用できる、CSSアニメーションを使ったボタン・スピナーのコレクションを紹介します。ボタンのホバーエフェクトやローディング用のアニメーションが用意されており、商用でも無料で利用できます。

CSS Wandの利用は下記ページから。

使用したいボタンやスピナーをクリックすると、実装コードが表示されます。
右上のボタンをクリックすると、コードをコピーできます。

コピペしたコードは、簡単に利用できます。
MITライセンスで、個人でも商用でも無料です。

ボタンをコピペしてみました。

ホバーすると、一回りサイズが大きくなるボタン。

ホバーすると、左右にスイングするボタン。

真ん中のカラーピッカーもコピペで利用できます。