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

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

サイトのキャプチャ

CSS Wand
CSS Wand -GitHub

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

サイトのキャプチャ

CSS Wand

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

サイトのキャプチャ

CSS Wand

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

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

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

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

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

サイトのキャプチャ

CSS Wand

sponsors

top of page

©2019 coliss