34 lines
409 B
CSS
34 lines
409 B
CSS
body{
|
|
margin: 0;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
transition: opacity 0.5s ease;
|
|
}
|
|
|
|
.fade-enter-from,
|
|
.fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
.slide-in-enter-active,
|
|
.slide-in-leave-active {
|
|
transition: transform 0.5s ease;
|
|
}
|
|
|
|
.slide-in-enter-from,
|
|
.slide-in-leave-to {
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
#app{
|
|
height: 100vh;
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
} |