Add fade transition
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
p {
|
||||
div {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
p {
|
||||
div {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
17
styles/transitions.scss
Normal file
17
styles/transitions.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
.fadeTransition-enter {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.fadeTransition-enter-active {
|
||||
opacity: 1;
|
||||
transition: opacity 1000ms;
|
||||
}
|
||||
|
||||
.fadeTransition-exit {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.fadeTransition-exit-active {
|
||||
opacity: 0;
|
||||
transition: opacity 1000ms;
|
||||
}
|
||||
Reference in New Issue
Block a user