---
title: "Animating form size"  
description: "Animating form size"  
author: "Anonymous User"  
published: 2013-03-11  
updated: 2013-03-11  
canonical: https://www.mindstick.com/forum/641/animating-form-size  
category: "javascript"  
tags: ["javascript"]  
reading_time: 1 minute  

---

# Animating form size

Hi Everyone!

I want to animate the height of an [input](https://www.mindstick.com/forum/159209/how-can-i-read-convert-an-input-stream-into-a-string-in-java) [form](https://www.mindstick.com/forum/6/multi-form-mfc-application) when the [user](https://www.mindstick.com/articles/13001/multi-statement-table-valued-user-defined-function-in-sql-server) first selects it. So the form is only [say](https://answers.mindstick.com/qa/116645/a1-wreckers-reviews-what-do-customers-say) 1 line high, they go to type in it and it becomes

about 10 lines high.

Thanks in [advance](https://www.mindstick.com/blog/33258/jee-mains-and-jee-advance-exams)!

## Replies

### Reply by AVADHESH PATEL

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


---

Original Source: https://www.mindstick.com/forum/641/animating-form-size

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.