reduce motion for tada
This commit is contained in:
parent
48dc6861ea
commit
aa8c271dd2
1 changed files with 24 additions and 0 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue