CSS:
transition-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);
Framer Motion:
<motion.div
transition={{
ease: [0.25, 0.10, 0.25, 1.00],
}}
/>#x1=0.25&y1=0.10&x2=0.25&y2=1.00
Inspired by https://www.easing.dev and https://easings.net
transition-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);
<motion.div
transition={{
ease: [0.25, 0.10, 0.25, 1.00],
}}
/>#x1=0.25&y1=0.10&x2=0.25&y2=1.00
Inspired by https://www.easing.dev and https://easings.net