Fancy Input

JavaScript

かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実装することができます。エフェクトにはCSS3が使われているとのこと。inputまたはtextareaで、エフェクト付きのテキスト入力を実装したい人にはうれしい機能ですね。

Fancy Input

Fancy Input

デモにはEffect 1〜Effect 5までのエフェクトタイプが用意されています。また、入力ボックスもinputとtextareaを選択することが可能です。

実際に文字を入力してみるとわかりますが、エフェクトがあることで文字入力が楽しくなってきますね。ちょっとした遊び心を感じられるので、人とは違ったテキスト入力ボックスを取り入れたい人には最適です。

エフェクトタイプに関しても、文字が上から降ってくるものや横から出てくるものなど、いろんな種類が用意されているところがグッドです。

基本的な使い方もすごく簡単でサクッと実装できると思います。inputタグ、またはtextareaタグをdivで括り、あとはFancy Inputをセットするだけという手軽さです。

単にテキストが入力されていくのではなく、エフェクト付きでユーザーを楽しませたいという人は、ぜひチェックしてみてはいかがでしょうか?

Fancy Input

関連記事

  1. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  2. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

  3. no-image

    JavaScript

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

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

  4. JavaScript

    シンプルでスワイプにも対応したスライダーならSimple jQuery sliderがオススメ

    シンプルでスマホのスワイプにも対応したスライダーを実装したいって時にオ…

  5. Jquery Line Progress Bar
  6. JavaScript

    テキストの一部分をサラっとアニメーションさせるjQueryプラグイン「dynamo.js」

    テキストで指定した一部分をサラっとアニメーションさせるjQueryプラ…

最近の記事

  1. オリジナルチキン6ピース
  2. 200-DGCAM019
  3. ハクバ GW-PRO RED フォトグローブプロ PL
  4. Soundcore Liberty Air 2

アーカイブ

PAGE TOP