Skip to content

Instantly share code, notes, and snippets.

@gabcarvalhogama
Created February 10, 2022 14:47
Show Gist options
  • Select an option

  • Save gabcarvalhogama/95ee3a0e2121f217009bd4b93643b2f7 to your computer and use it in GitHub Desktop.

Select an option

Save gabcarvalhogama/95ee3a0e2121f217009bd4b93643b2f7 to your computer and use it in GitHub Desktop.
selector {
animation: shake-animation 4.72s ease infinite;
transform-origin: 50% 50%;
display: block;
}
@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);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment