CSS animation-timing-function property example at PNLdev

Run

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 50px;
    height: 250px;
    background: green;
    position: relative;
    animation: pnlmove 2s infinite;
    animation-timing-function: linear;
}
@keyframes pnlmove {
    from {left: 0px;}
    to {left: 300px;}
}
</style>
</head>
<body>
    <h1>animation-timing-function property example</h1>
    <p>Play your animation at a speed of 2 seconds.</p>
    <div></div>
</body>
</html>