Reversing an Easing Curve

Let’s take a look at a carousel I worked on where items slide in and out of view with CSS animations. To get each item to slide in and out of view nicely I used a cubic-bezier for the animation-timing-function property, instead of using a standard easing keyword.

See the Pen Carousel with reversed easing curve by Michelle Barker (@michellebarker) on CodePen.
A cubic-bezier can appear confusing at first glance, but when used correctly, it can add …
The post Reversing an Easing Curve appeared first on CSS-Tricks.

Link: https://css-tricks.com/reversing-an-easing-curve/