CSS animation-fill-mode property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 50px;
    height: 250px;
    background: green;
    position: relative;
    animation: pnlmove 3s;
    animation-fill-mode: forwards;
}
@keyframes pnlmove {
    from {top: 0px;}
    to {top: 100px; background-color: yellow;}
}
</style>
</head>
<body>
    <h1>animation-fill-mode property example</h1>
    <p>Let the div element retain the style values from the last keyframe when the animation ends:</p>
    <div></div>
</body>
</html>