mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-12 07:17: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) }
|
|
}
|