From aa8c271dd2fa8a7dfabd3cdafa874081ebf234ff Mon Sep 17 00:00:00 2001 From: ThatOneCalculator Date: Tue, 29 Nov 2022 18:29:12 -0800 Subject: [PATCH] reduce motion for tada --- packages/client/src/style.scss | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss index ffea050e5..0f2d106ca 100644 --- a/packages/client/src/style.scss +++ b/packages/client/src/style.scss @@ -568,6 +568,30 @@ hr { } } +@media(prefers-reduced-motion) { + @keyframes tada { + from { + transform: scale3d(1, 1, 1); + } + + 25% { + transform: scale3d(0.9, 0.9, 0.9); + } + + 50% { + transform: scale3d(1.1, 1.1, 1.1); + } + + 75% { + transform: scale3d(0.9, 0.9, 0.9); + } + + to { + transform: scale3d(1, 1, 1); + } + } +} + ._anime_bounce { will-change: transform; animation: bounce ease 0.7s;