Bounce CSS3 transition

by meetaaronsilber

HTML

<div class="medcircle"></div>

CSS

.medcircle {
    position: relative;
    left: 50%;
    margin-left: -150px;
    
    width: 300px;
    height: 300px;
    
    background: #bada55;
    
    -webkit-border-radius: 50%;
    
    -webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.3);
    
    -moz-transition-property: all;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.3);

}

.medcircle:hover {
     width: 350px;
      height: 350px;  
}