CSS Property:

animation-timing-function

linear
ease
ease-in
ease-out
ease-in-out

Result:

CSS Code:

#myDiv {
                width:150px;
height:150px;
background-color:#86C2DE;
position: relative;
animation: move 3s infinite;
                }

Click the property values above to see the result

W3Docs.com-Play it

Do you find this helpful?