.clip-enter {
    clip-path: circle(0%);   
}

.clip-enter-active {
    position: absolute;
    top: 0;
    z-index: 2;
}
.clip-leave-active,
.clip-enter-active {
    transition: all 1s;
}

.clip-enter-to {
    clip-path: circle(100%);
}

.clip-leave {
    opacity: 1;
}
.clip-leave-to {
    opacity: 0;
}