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>