From 93dfe2be64e8658839bcfe5356adf35f8cde7075 Mon Sep 17 00:00:00 2001 From: Nicolas James Date: Thu, 13 Feb 2025 18:04:18 +1100 Subject: initial commit --- src/web/styles/animations.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 src/web/styles/animations.css (limited to 'src/web/styles') 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 -- cgit v1.2.3