Animocons

JavaScript

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

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

Animocons

デモ

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

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

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

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

Animocons

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

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

関連記事

  1. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  2. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

  3. Stackbox.js

    JavaScript

    プルプル震えるモーダルボックスを実装できるjQueryプラグイン「Stackbox.js」

    Stackbox.jsというjQueryプラグインを使えば、プルプル震…

  4. FitVids.JS

    JavaScript

    YouTubeやVimeoからの埋め込み動画をレスポンシブにするjQueryプラグイン「FitVid…

    YouTubeやVimeoからの埋め込み動画をレスポンシブに対応させる…

  5. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

  6. Responsive overlay menu

    JavaScript

    美しいオーバーレイメニューを実装できる「Responsive overlay menu」

    Responsive overlay menuはレスポンシブに対応した…

最近の記事

  1. 紫陽花
  2. 生ハム&モッツァレラチーズ サラダラップ
  3. コガネムシ
  4. ショルダーハム&5種の野菜サンドイッチ
PAGE TOP