.notice-slider {
    position: relative;
}

.notice-slide {
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.5s ease-in-out;
}

.notice-slide.active {
    opacity: 1;
    transform: translateY(0);
}

.notice-slide.exit {
    opacity: 0;
    transform: translateY(-100%);
}