Hi John!and You can manage form size as followingand textarea{and and height:20px;and and width:150px;and -webkit-transition: all .2s ease-in-out;and -moz-transition: all .2s ease-in-out;and }and and textarea:focus{and and height:50px;and }

forum

home / developersection / forums / animating form size

Ask Question

Animating form size

Anonymous User 2202 11-Mar-2013

Hi Everyone!

I want to animate the height of an input form when the user first selects it. So the form is only say 1 line high, they go to type in it and it becomes

about 10 lines high.

Thanks in advance!

javascript

Updated on 11-Mar-2013

Anonymous User

Other

I am a content writter !

Message

Can you answer this question?

Answer

1 Answers

AVADHESH PATEL

11-Mar-2013

Hi John!

You can manage form size as following

textarea
{ 
 height:20px; 
 width:150px;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out; 
} 
 textarea:focus
{ 
 height:50px; 
}

forum

Animating form size

Anonymous User

Can you answer this question?

1 Answers

Liked By