CSSによるアニメーションエフェクトの動作確認しながらコードをコピーできる・「CSS Animo」

Ads

CSS Animo


CSS AnimoはCSSによるアニメーションエフェクトの動作確認しながらコードをコピーできるWebサイトです

コードはクリックのみでクリップボードにコピーされるので気に入ったエフェクトをコピペするだけで使えるようになっています

基本的には1つのclassのみで書かれているので要素にそのclassを付与すればアニメーションエフェクトを実装出来ます

Ads

こんな感じでコピーしたコードを貼りつけて該当する要素にclassを加えるだけです

手軽に使えて良いですね。スマホの時代なのでホバーエフェクトの需要は将来的に無くなっていく感も否めませんがまだよく見かけるので
覚えておくとどこかで使うタイミングがあるかもしれませんね。

CSS Animo