DIV, animasyon çalınırken aynı konuma geri dönmeye devam ediyor mu?

Question

Animasyon durduktan sonra Div yeniden ortaya çıktı, divun orijinal yerine dönmesini nasıl engellersiniz?

#wrapper { 
    background-color: #999; 
    position: fixed; 
    height: 100%; 
    width: 100%; 
} 
#wrapper .section{ 
    position: absolute; 
    top: 0; 
    width: 51%; 
    height: 100%; 
    background: #222222; 
} 
#wrapper .section.section-left{ 
    left:0; 
    animation: move 1.5s 1; 

} 
#wrapper .section.section-right{ 
    right:0; 
    animation: move 1.5s 1; 

} 
@keyframes move{ 
    0% {width: 51%;} 
    100% {width:0%;} 
} 

HTML kodu:

<div id="wrapper"> 
<div class="section section-left"></div> 
<div class="section section-right"></div> 
</div> 

Answer 1

Sen bağlantıdan, teşekkürler animation-fill-mode: forwards; Ah #wrapper .section.section-left ve #wrapper .section.section-right

Codepen example