impl fade-in animation

This commit is contained in:
nklhrstv 2022-07-08 11:52:47 +03:00
parent 2bd2491873
commit 73d6213427
2 changed files with 21 additions and 0 deletions

View file

@ -5,6 +5,7 @@
@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
:global {
@import (once, less) '~stremio/common/animations.less';
@import (once, less) '~stremio-router/styles.css';
}

View file

@ -0,0 +1,20 @@
:global(.animation-fade-in) {
:local {
animation-name: fade-in;
}
animation-timing-function: ease-in-out;
animation-duration: 100ms;
}
@keyframes fade-in {
0% {
opacity: 0.6;
transform: translateY(0.2vh);
}
100% {
opacity: 1;
transform: translateY(0);
}
}