Creating custom easing effects in CSS animations using the linear() function | MDN Blog
Rather than building our easing into our animation with keyframes, we can use the new CSS linear() function to create something entirely custom. The linear() function (not to be confused with the linear keyword covered above) requires a list of comma-separated stops ranging in value from 0 to 1. These are spread equidistantly along the…