ANIMATING FORM SIZE

john rob

Total Post:108

Points:756
Posted by  john rob
 1310  View(s)
Ratings:
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!

  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: Animating form size

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

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!