Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-09 08:10:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #785 from Stremio/refactor/route-switch-animations

Browse source 
fix(App): make route switching animation feel smoother
This commit is contained in:
Tim 2025-01-15 09:03:52 +01:00 committed by GitHub
commit 9c2cc0e7ff
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 36 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/common/animations.less
View file

@ -6,13 +6,29 @@
}
animation-timing-function: ease-in-out;
animation-duration: 100ms;
animation-duration: 350ms;
@media (prefers-reduced-motion) {
:local {
animation-name: fade-in-no-motion;
}
}
}
@keyframes fade-in {
0% {
opacity: 0;
transform: translateY(4px);
}
40% {
opacity: 0;
transform: translateY(4px);
}
70% {
opacity: 0.6;
transform: translateY(0.2vh);
transform: translateY(2px);
}
100% {
@ -51,4 +67,22 @@
.slide-left-exit {
transform: translateX(100%);
}
@keyframes fade-in-no-motion {
0% {
opacity: 0;
}
40% {
opacity: 0;
}
70% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}