Skip to content

Commit 773c14e

Browse files
denStrigonnixaa
authored andcommitted
feat(animation): add fade in animation by route change (#1958)
1 parent 0ffaee5 commit 773c14e

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

src/app/pages/pages.component.scss

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,21 @@
11
@import '../@theme/styles/themes';
22

33
@include nb-install-component() {
4+
/deep/ router-outlet + * {
5+
display: block;
6+
animation: fade 1s;
7+
8+
@keyframes fade {
9+
from {
10+
opacity: 0;
11+
}
12+
13+
to {
14+
opacity: 1;
15+
}
16+
}
17+
}
18+
419
/*
520
* TODO: hot fix, in prod mode popover arrow has wong style.
621
* Delete this after weill be fixed https://github.com/akveo/nebular/issues/1006

0 commit comments

Comments
 (0)