Creating custom easing effects in CSS animations using the linear() function

MDN

An animation is about more than just moving things from one place to another. How something moves (or changes in some way) is just as important for conveying a sense of purpose.

The linear() function in CSS is a new easing function that gives us more control over crafting our animations. We'll explore how linear() works and also look at some practical examples of where it can be used.

Read the article