vibrate animation

<style>
@keyframes vibrate {
0% {transform: translate(0);
transform: translate(0);}
20% {transform: translate(-2px, 2px);
transform: translate(-2px, 2px);}
40% {transform: translate(-2px, -2px);
transform: translate(-2px, -2px);}
60% {transform: translate(2px, 2px);
transform: translate(2px, 2px);}
80% {transform: translate(2px, -2px);
transform: translate(2px, -2px);}
100% {transform: translate(0);
transform: translate(0);}
}
#vibrate {
animation: vibrate .5s infinite;
}
</style>

<div id="vibrate">text</div>