when I use forwards in animation-fill-mode this does not stop in the last frame of the animation

0

I want my animation to stop when it is finished running and it does not repeat or restart.

Code css:

@keyframes slideSubs {
    from {margin-right: -110px;}
    to {margin-right: 0px;}
}

#appearOneElement0  {
    animation-name: slideSubs;
    animation-delay:1s;
    animation-duration: 4s;
    animation-fill-mode: forwards;
}

HTML code

<div class="offset-md-9 col-md-2" id="containerSubMenuVertical">
<div class="appearElementMenu" id="appearOneElement0">Hello World</div>
<div class="appearElementMenu " id="appearOneElement1">Hello World</div>
<div class="appearElementMenu" id="appearOneElement2">Hello World</div>
<div class="appearElementMenu" id="appearOneElement3">Hello World</div>
<div class="appearElementMenu" id="appearOneElement4">Hello World</div>
</div>
    
asked by David 14.09.2018 в 04:50
source

0 answers