Home > DeveloperSection > Forums > Animating form size
john rob

Total Post:108

Points:756
Posted on    March-11-2013 1:22 AM

 JavaScript JavaScript 
Ratings:


 1 Reply(s)
 981  View(s)
Rate this:

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!



AVADHESH PATEL

Total Post:604

Points:4228
Posted on    March-11-2013 8:37 AM

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; 
}

Don't want to miss updates? Please click the below button!

Follow MindStick