Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki 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;