naskya/firefish
1
0
Fork 1
mirror of https://example.com synced 2024-11-23 09:36:38 +09:00
Code Issues Activity

reduce motion for tada

Browse source
This commit is contained in:
ThatOneCalculator 2022-11-29 18:29:12 -08:00
parent 48dc6861ea
commit aa8c271dd2
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
packages/client/src/style.scss
View file

@ -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;