When working with css, we have the option to incorporate easing for transitions, like this:
transition: all .5s ease-in-out
CSS provides predefined easings such as ease
, ease-in
, ease-out
, and ease-in-out
.
We can also create a customized easing using a cubic bezier, as shown below example:
transition: all .5s cubic-bezier(.42, 0, 1, 1)
I have been given values for a specific transition easing, but I'm unsure if they differ from the default ones. Before adding custom easing values to my CSS, I wanted to compare them with the defaults. Unfortunately, my research has not provided any clear answers so far. It would be helpful to get an authoritative response here on stackoverflow.
Do you know what the default CSS easing cubic-bezier curve values are?