src/web/styles/animations.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

.shake { /* idea from css in depth book */
    animation: shake 0.3s linear;
}
@keyframes shake {
    0%,
    100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-0.4em);
    }
    50% {
        transform: translateX(0.4em);
    }
    75% {
        transform: translateX(-0.3em);
    }
    90% {
        transform: translateX(-0.15em);
    }
}