How can I animation from hover? It work only when hover element1, but when live this back, so it not work. see:
https://prntscr.com/pme44m

My code:

    .element1 .element2{
    visibility: hidden;
    animation-duration:8s;
    animation-delay:0s;
    animation-name:fadeInDown;
    animation-fill-mode:both;
}

.element1 :hover .element2{
    visibility: visible;
    animation-duration:.4s;
    animation-delay:0s;
    animation-name:fadeInDown;
    animation-fill-mode:both;
}