.top_base {
    height: 2000px;
}

.top0 {
    position: relative;
    max-width: 1024px;
    width: 100%;
    left: 0;
}

.top2 {
    position: absolute;
    z-index: 1;
    opacity: 0;
}

.top3 {
    z-index: 2;
    position: absolute;
    opacity: 0;
}


.top1:nth-child(1) {
    -webkit-animation: example 0.5s ease 0.5s 1 forwards;
    animation: example 0.5s ease 0.5s 1 forwards;
}

.top2:nth-child(2) {
    -webkit-animation: example 0.5s ease 1s 1 forwards;
    animation: example 0.5s ease 1s 1 forwards;
}

.top3:nth-child(3) {
    -webkit-animation: example 0.5s ease 1.5s 1 forwards;
    animation: example 0.5s ease 1.5s 1 forwards;
}


@-webkit-keyframes example {
    100% {
        opacity: 1;
    }
}

@keyframes example {
    100% {
        opacity: 1;
    }
}