<!-- <html> <head> <title> CSS Grow & Shrink</title> <style> #textDiv{ width:600px; height:800px; float:left; } #textDiv textarea{ width:600px; height:800px; } .mydiv { height:200px; width:200px; margin:auto; margin-top:50px; background-color:blue; border-radius:200px; } .grow { transition: width 2s, height 4s; } .grow:hover { width: 300px; height: 300px; } </style> </head> <body> <div id="textDiv"> </div> <div class="mydiv grow"></div> </body> </html> -->