<!-- <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 { /*1*/ /*transition: all .2s ease-in-out; */ /*2*/ /*transition: width 2s, height 2s;*/ /*3*/ /*transition: all .4s cubic-bezier(.23,.73,.73,.21); */ } .grow:hover { /*1*/ /*transform: scale(1.1); */ /*2*/ /*height: 250px;*/ /*width: 250px;*/ /*3*/ /*transform: scale(1.5); */ } </style> </head> <body> <div id="textDiv"> </div> <div class="mydiv grow"></div> </body> </html> -->