A Pen by Andrew Kirchmyer.

bouncing-buttons-with-cubic-bezier.markdown

bouncing buttons with cubic bezier

A Pen by Andrew Kirchmyer on CodePen.

License.

index.html

<button class="block">Hover Me</button>

style.css

.block {
    background-color: green;
    width: 100px;
    height: 50px;
    border-radius: 20px;
    -webkit-transition: all 5s cubic-bezir(0, 1, 1, 2);
}
.block:hover {
    width: 120px;
    height: 60px;
    -webkit-transition: all .5s cubic-bezier(0,1,1,2);
}