Added Fade in animation when a new page loads
This commit is contained in:
parent
18edf960bf
commit
095af0e5de
|
|
@ -32,6 +32,22 @@ html, body {
|
||||||
|
|
||||||
.App .app-content {
|
.App .app-content {
|
||||||
height:100%;
|
height:100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.App .app-content div {
|
||||||
|
animation: pageFadeInAnimation ease 0.75s;
|
||||||
|
animation-iteration-count: 1;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pageFadeInAnimation {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue