mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-12 15:27:13 +00:00
30 lines
540 B
CSS
30 lines
540 B
CSS
|
.container {
|
||
|
text-align: center;
|
||
|
padding-top: 200px;
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
|
||
|
.page-enter-active, .page-leave-active {
|
||
|
transition: opacity .5s
|
||
|
}
|
||
|
.page-enter, .page-leave-active {
|
||
|
opacity: 0
|
||
|
}
|
||
|
|
||
|
.bounce-enter-active {
|
||
|
animation: bounce-in .8s;
|
||
|
}
|
||
|
.bounce-leave-active {
|
||
|
animation: bounce-out .5s;
|
||
|
}
|
||
|
@keyframes bounce-in {
|
||
|
0% { transform: scale(0) }
|
||
|
50% { transform: scale(1.5) }
|
||
|
100% { transform: scale(1) }
|
||
|
}
|
||
|
@keyframes bounce-out {
|
||
|
0% { transform: scale(1) }
|
||
|
50% { transform: scale(1.5) }
|
||
|
100% { transform: scale(0) }
|
||
|
}
|