css3 - image disappears after CSS animation completes -
this question has answer here:
- stopping css3 animation on last frame 6 answers
i animating asset in after css delay once asset has faded in, disappears. setting visibility hidden , seems that rests after animation. how can keep asset disappearing oncer animation stops?
#asset { position:absolute; left:649px; top:215px; visibility: hidden; animation: assetanim 2s 1; animation-delay: 1s; } @-webkit-keyframes assetanim { 0% { opacity: 0.0; visibility: visible;} 100% { opacity: 1.0; visibility: visible;} }
i resolved own issue. adding animation-fill-mode:forwards
fixes it, updated code is:
animation: assetanim 2s 1 forwards;
Comments
Post a Comment