Animating form size

Anonymous User 2315 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!

Ask by Anonymous User

Updated 11 Mar 2013

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

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Animating form size

Can you answer this question?

1 Answers