アニメーションが停止してもDIVは同じ位置に戻りますか？

Question

アニメーションの再生が終了した後にDivが再表示されました。元の場所に戻ることをどのようにして停止しますか？

#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コード：

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

Answer 1

あなたは、animation-fill-mode: forwards;ああ