This is a test
<!doctype HTML> <html> <head> <title>Transition example</title> <style type="text/css"> textarea { position:absolute; right:0; width:50%; height:100%; } div { padding:10px; background:orange; font-family:'sans-serif'; position:absolute; top:10px; left:10px; width:100px; height:50px; } /* applying the animation */ .animateMe { -webkit-transition: height 2s; /* Safari and Chrome */ -moz-transition: height 2s; /* Firefox */ -o-transition: height 2s; /* Opera */ transition: height 2s; } .animateMe:hover { height: 500px; } </style> </head> <body> <div class="animateMe">This is a test</div> <textarea> </textarea> </body> </html>