CSS shake animation Just a simple code
<style>
.shakeit {
animation: shake-animation 2.72s ease infinite;
transform-origin: 50% 50%;
}
@keyframes shake-animation {
0% { transform:translate(0,0) }
1.78571% { transform:translate(5px,0) }
3.57143% { transform:translate(0,0) }
5.35714% { transform:translate(5px,0) }
7.14286% { transform:translate(0,0) }
8.92857% { transform:translate(5px,0) }
10.71429% { transform:translate(0,0) }
100% { transform:translate(0,0) }
}
</style>
<div class="shakeit"> Text Here ! </div>
Live Preview - Click Here !