Animocons

JavaScript

アイコンに素敵なアニメーションを実装できる「Animocons」

Animoconsはアイコンにさまざまなアニメーションを加えることができるライブラリです。mo.jsを使ってつくられているとのこと。アイコンにオシャレでかわいいアニメーションを実装したいときにピッタリですね。デモページではたくさんのアニメーションパターンをチェックすることができます。

Animocons

デモ

上記のページでは全部で17個のアニメーションパターンが用意されています。各アイコンをクリックするとアニメーションが実行されます。

「いいね」アイコンにオシャレでカッコいいアニメーションを加えたり、ハートマークやカートのアイコンに実装したアニメーションも用意されています。

どのアニメーションもわりと一瞬で終わるので、長々としたわずらわしさを感じることもありません。アイコンにちょっとしたアクセントをつけたいときに活用してみたくなりますね。

というわけで、アイコンにオシャレなアニメーションを実装したいという方は、ぜひチェックしてみてはいかがでしょうか?

Animocons

関連記事

  1. tabellajs

    JavaScript

    タッチ対応のレスポンシブなテーブルを実装できる「tabellajs」

    tabellajsはタッチに対応したレスポンシブで操作性のよいテーブル…

  2. 4PXMMenu

    JavaScript

    滑らかなアニメーションでモバイルサイトに最適なメニュー実装「4PXMMenu」

    4PXMMenuはモバイルサイトに最適なメニューを実装することができる…

  3. Priority Nav Scroller

    JavaScript

    水平スクロールができるナビゲーション「Priority Nav Scroller」

    Priority Nav Scrollerは水平スクロールを備えたナビ…

  4. t-scroll

    JavaScript

    アニメーションとともにアイテムが一つずつ現れる「t-scroll」

    t-scrollはアニメーションとともにアイテムを一つずつ表示させるこ…

  5. ClickSpark.js

    JavaScript

    美しいパーティクルエフェクトを実装できる「ClickSpark.js」

    ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう…

  6. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP