CSS animation-duration property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 50px;
    height: 250px;
    background: green;
    position: relative;
    animation: pnlmove infinite;
    animation-duration: 2s;
}
@keyframes pnlmove {
    from {top: 0px;}
    to {top: 220px;}
}
</style>
</head>
<body>
    <h1>animation-duration property example</h1>
    <p>Define for the animation to move in 2 seconds</p>
    <div></div>
    <p><b>Note:</b> If you do not use the animation-duration property, the duration of the animation will be 0.
</body>
</html>