diff options
Diffstat (limited to 'src/web/styles/animations.css')
| -rw-r--r-- | src/web/styles/animations.css | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/web/styles/animations.css b/src/web/styles/animations.css new file mode 100644 index 0000000..bdd21b7 --- /dev/null +++ b/src/web/styles/animations.css @@ -0,0 +1,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); + } +}
\ No newline at end of file |