Animocons

JavaScript

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

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

Animocons

デモ

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

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

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

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

Animocons

feedlyの登録者数を取得できる「Feedly Subscribers Checker 2」前のページ

スマフォ約2回充電できるソニーの薄型モバイルバッテリー「CP-S5」次のページソニー CP-S5

関連記事

  1. no-image

    JavaScript

    ダイナミックな自動スライドショーを実装できる「CSS + jQuery Gallery」

    CSS + jQuery Galleryはダイナミックでかっこいい自動…

  2. Changing Background Color while scrolling
  3. Grasp Mobile Progress Circle
  4. dndod

    JavaScript

    依存性のないシンプルで簡単なモーダルライブラリ「dndod」

    dndodはjQueryなどへの依存性のないシンプルで簡単なJavaS…

  5. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

  6. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP