Annoying bounce animation
This is an annoying bounce animation to let the user know they need to take action on something.
@keyframes annoying-bounce {
0% {
transform: translateY(0);
}
6% {
transform: translateY(-16%);
}
12% {
transform: translateY(6%);
}
18% {
transform: translateY(-12%);
}
24% {
transform: translateY(0);
}
100% {
transform: translateY(0);
}
}
.annoyingBounce {
animation: annoying-bounce 1s 2 ease-in-out;
}