CSS animation-name property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 50px;
    height: 250px;
    background: green;
    position: relative;
    animation-name: pnlmove;
    animation-duration: 2s;
}
@keyframes pnlmove {
    from {left: 0px;}
    to {left: 500px;}
}
</style>
</head>
<body>
    <h1>animation-name property example</h1>
    <p>Specify a name for the animation @keyframes yourself.</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>