Hover over me

Click me

object wrapped in a div with .bounce class

.bounce {
display:inline-block;
}

.bounce:hover {
animation: zoomin .3s ease-out 1;
animation-fill-mode: forwards;
}

.bounce:focus {
animation: zoomout .4s ease-out 1;
}

.bounce:active {
animation: none;
}

@keyframes zoomin {
0% { transform: scale(1, 1); }
100% { transform: scale(1.2, 1.2); }
}

@keyframes zoomout {
0% { transform: scale(1.2, 1.2); }
25% { transform: scale(.7, .7); }
100% { transform: scale{1, 1); }
}