2011-07-19 11 views
2

私は私の個人的なウェブサイトで働いています。ユーザーが入力するためにクリックすると、入力ボックスが展開されている必要があります。 (例:Twitterの入力ボックスに、上のユーザーのクリックを書くためにするとき、それが拡大します)クリックすることで入力ボックスを拡大する

これはかなり単純であるCSSを使用して、あなたに

答えて

3

に感謝:focus疑似クラス(のhttp://www.w3schoolsで。 com/css/css_pseudo_classes.asp)では、フォーカスされている入力要素を簡単に検出できます。ファンシーなアニメーションが必要な場合は、jqueryを使用してinbetweenを変形します。

+0

CSS3を使用してアニメーションを作成することもできます。私は[質問にマッチする例を見つけました](http://compass-style.org/examples/compass/css3/transition/) - 単に '#width:hover'を' input:focus'に置き換えてサンプルコード。 – feeela

関連する問題