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;