added scene transitions
This commit is contained in:
parent
6e5e9947a4
commit
34ca2545ca
22
styles/SceneTransition.css
Normal file
22
styles/SceneTransition.css
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
.SceneTransition {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #333;
|
||||||
|
opacity: 0;
|
||||||
|
animation: scene-transition-fade-in 0.2s forwards;
|
||||||
|
}
|
||||||
|
.SceneTransition.fade-out {
|
||||||
|
animation: scene-transition-fade-out 0.2s forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes scene-transition-fade-in {
|
||||||
|
from { opacity: 0; }
|
||||||
|
to { opacity: 1; }
|
||||||
|
}
|
||||||
|
@keyframes scene-transition-fade-out {
|
||||||
|
from { opacity: 1; }
|
||||||
|
to { opacity: 0; }
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user