mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-03-11 21:27:05 +00:00
impl fade-in animation
This commit is contained in:
parent
2bd2491873
commit
73d6213427
2 changed files with 21 additions and 0 deletions
|
|
@ -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';
|
||||
}
|
||||
|
||||
|
|
|
|||
20
src/common/animations.less
Normal file
20
src/common/animations.less
Normal 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);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue