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

t-scrollアニメーションとともにアイテムが一つずつ現れる「t-scroll」前のページ

オシャレで多彩なアニメーションが魅力のツールチップ「Playful Little Tooltip Ideas」次のページPlayful Little Tooltip Ideas

関連記事

  1. JavaScript

    サムネイルをクリックして拡大画像が見れるレスポンシブ対応のjQuery画像ギャラリー「Superbo…

    綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQ…

  2. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  3. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  4. Multi-Level Accordion Menu

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP