Keyframes, how to prevent animation resetting to the first frame

[zbaxqkob]

Edit fiddle - JSFiddle - Code Playground

After successful animation. Item returns to it’s first state and I’d like to prevent that. I wanted it to disappear and be gone forever. Can’t seem to do it.

[PaulOB]

Set animation to forwards and 100% to opacity:0 otherwise it assumes the start position.

.thing {
	animation: example 4s forwards;
}

@keyframes example {
    0%  { opacity: 1;    }
    100% { opacity: 0;    }
}