/* 向下滑開動畫 */
.slidedown-enter-from,
.slidedown-leave-to {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
}

.slidedown-enter-to,
.slidedown-leave-from {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: top;
}

.slidedown-enter-active,
.slidedown-leave-active {
    transition: all 0.5s;
    transform-origin: top;
}

/* 透明度動畫 */
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

.fade-enter-to,
.fade-leave-from {
    opacity: 1;
}