Animocons

JavaScript

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

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

Animocons

デモ

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

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

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

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

Animocons

関連記事

  1. Spring Loaders

    JavaScript

    ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」

    Spring Loadersはポリゴンでつくられたローディングアニメー…

  2. Stripe.Com Navigation

    JavaScript

    コンテナがアニメーションで可変するナビゲーション「Stripe.Com Navigation」

    ナビゲーションメニューのコンテナがアニメーションで可変するドロップダウ…

  3. JavaScript

    JavaScriptの配列操作をメモがてら整理してまとめてみる

    自分用のメモです。JavaScriptの配列操作に関するメソッドなんか…

  4. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  5. jfMagnify
  6. jQuery.mousetip

    JavaScript

    マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」

    jQuery.mousetipはマウスの動きや位置に追従してくる軽量の…

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP