From bb2cd23dd6db54d3aa2410a7b86b65e1a0d1e0c2 Mon Sep 17 00:00:00 2001 From: AlexBocken Date: Mon, 10 Jul 2023 13:24:42 +0200 Subject: [PATCH] add shake.css --- src/lib/css/shake.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/lib/css/shake.css diff --git a/src/lib/css/shake.css b/src/lib/css/shake.css new file mode 100644 index 0000000..6eeee28 --- /dev/null +++ b/src/lib/css/shake.css @@ -0,0 +1,28 @@ + @keyframes shake{ + 0%{ + transform: rotate(0) + scale(1,1); + } + 25%{ + box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6); + transform: rotate(var(--angle, 30deg)) + scale(1.2,1.2) + ; + } + 50%{ + + box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6); + transform: rotate(calc(-1 * var(--angle,30deg))) + scale(1.2,1.2); + } + 75%{ + + box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6); + transform: rotate(var(--angle,30deg)) + scale(1.2, 1.2); + } + 100%{ + transform: rotate(0); + scale: var(--endscale, 1); + } + }