ash/iceshrimp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

reduce motion for tada

Browse source
This commit is contained in:
ThatOneCalculator 2022-11-29 18:29:12 -08:00
parent d72d5f3f49
commit 687ae2c74b
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;