error shake animation css

Solutions on MaxInterview for error shake animation css by the best coders in the world

showing results for - "error shake animation css"
Veronica
20 Sep 2018
1.face:hover {
2  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
3  transform: translate3d(0, 0, 0);
4  backface-visibility: hidden;
5  perspective: 1000px;
6}
7
8@keyframes shake {
9  10%, 90% {
10    transform: translate3d(-1px, 0, 0);
11  }
12  
13  20%, 80% {
14    transform: translate3d(2px, 0, 0);
15  }
16
17  30%, 50%, 70% {
18    transform: translate3d(-4px, 0, 0);
19  }
20
21  40%, 60% {
22    transform: translate3d(4px, 0, 0);
23  }
24}