Foxholder

JavaScript

プレースホルダに多彩なアニメーションエフェクトを付けれる「Foxholder」

Foxholderはプレースホルダ(placeholder)に多彩なアニメーションエフェクトを付けれるjQueryプラグインです。アニメーションは全部で15種類も用意されているので、自分好みのアニメーションが見つかりやすそうですね。

Foxholder

デモ

デモは1〜15まで用意されています。ボックス内にカーソルを合わせることで各デモのアニメーションエフェクトを確認することが可能です。

フェードアウトするものや縮小するもの、ボックスの外にスライドするものなどなど、さまざまなアニメーションエフェクトが用意されています。

単純にボックス内にカーソルを合わせるだけではなく、アニメーションが付いていることで「入力できる状態」になったことを把握しやすいし、何より見た目もかっこいいですね。

テキストを入力する際のモチベーションも高まるかもしれません。

使い方に関しても特に難しい設定もなく手軽に実装できるかと思います。

また、エフェクトはクロスブラウザ(IE 9+、Safari 9+、FF、Opera、Chrome、Edge)に対応しています。

15種類という豊富なアニメーションエフェクトから選べる、かっこいいプレースホルダを実装したいという人は、ぜひ「Foxholder」を活用されてみてはいかがでしょうか?

Foxholder

関連記事

  1. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  2. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

  3. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  4. no-image

    JavaScript

    ダイナミックに回転してコンテンツが切り替わる「Page Scroll 3D」

    Page Scroll 3Dは、クルッとダイナミックに回転してコンテン…

  5. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

  6. Horizon Swiper

    JavaScript

    スワイプやスクロール対応の軽量なjQueryプラグイン「Horizon Swiper」

    Horizon Swiperはスワイプやブラウザスクロールに対応したj…

最近の記事

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

アーカイブ

PAGE TOP