css3 - image disappears after CSS animation completes -


this question has answer here:

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

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -