CSS animation-iteration-count property example at PNLdev

Run

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 50px;
    height: 250px;
    background: green;
    position: relative;
    animation: pnlmove 2s;
    animation-iteration-count: 2;
}
@keyframes pnlmove {
    from {top: 0px;}
    to {top: 100px;}
}
</style>
</head>
<body>
    <h1>animation-iteration-count property example</h1>
    <p>Play the animation two times:</p>
    <div></div>
</body>
</html>