rubberband links

<style>

a.rubber {
display: inline-block;
font-size:2em;
text-decoration: none;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 1;
}

a.rubber:hover {
animation-name: rubberBand;
animation-iteration-count: infinite;
}

@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}

30% {
transform: scale3d(1.25, 0.75, 1);
}

40% {
transform: scale3d(0.75, 1.25, 1);
}

50% {
transform: scale3d(1.15, 0.85, 1);
}

65% {
transform: scale3d(.95, 1.05, 1);
}

75% {
transform: scale3d(1.05, .95, 1);
}

to {
transform: scale3d(1, 1, 1);
}
}

.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
</style>
<a href="#" class="rubber">Rubber Band</a>