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

Fancy Input

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

Fancy Input

Fancy Input

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

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

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

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

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

Fancy Input

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives