Animocons

JavaScript

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

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

Animocons

デモ

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

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

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

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

Animocons

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

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

関連記事

  1. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  2. JavaScript

    レスポンシブやスワイプ対応で完成度の高いスライダーのjQueryプラグイン「Slider Pro」

    Slider Proはレスポンシブやタッチ・スワイプに対応したスライダ…

  3. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

  4. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  5. no-image

    JavaScript

    Lightboxスタイルのギャラリーやカルーセルを実装できる「slideBox.js」

    slideBox.jsはレスポンシブに対応したLightboxスタイル…

  6. mFancyTitle

    JavaScript

    ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

    mFancyTitleは、ブラウザのタブに表示されているファビコンとタ…

最近の記事

  1. フィールグッドシャワー
  2. RP-PB055
  3. ESD-EFシリーズ

アーカイブ

PAGE TOP