backIn backInOut backOut bounceIn bounceInOut bounceOut byName circularIn circularInOut circularOut cubicIn cubicInOut cubicOut def elasticIn elasticInOut elasticOut exponentialIn exponentialInOut exponentialOut linear quadraticIn quadraticInOut quadraticOut quarticIn quarticInOut quarticOut quinticIn quinticInOut quinticOut sinusoidalIn sinusoidalInOut sinusoidalOut stepped

backOut detail::backOutEasing backOut {} inlineconstexpr Easing function that overshoots the target before settling back. The backOut easing function accelerates toward and past the target value, then pulls back to settle at the final position. This creates an overshoot or "spring-back" effect that adds liveliness and energy to animations. This easing is particularly effective for: UI elements that pop into place with energy (buttons, dialogs, notifications) Object arrivals that should feel bouncy and dynamic Emphasizing the end state of an animation Adding personality to mechanical movements The overshoot creates a more natural, less rigid feel compared to standard easing functions. It's widely used in iOS, Android, and Material Design animation patterns to make interactions feel more responsive and playful. Mathematically, this is the inverse of backIn, applied at the end of the transition. Note The animation will briefly exceed the target value before settling. Ensure your rendering or logic can handle values beyond the specified range. // Animate a button with overshoot for a lively effect auto scale = tweeny::from(0.0f) .to(1.0f) .via(easing::backOut) .during(30U) .build(); // Scale will exceed 1.0f (e.g., 1.1f) before settling back to 1.0f See also backIn For anticipation at the start instead of overshoot at the end backInOut For both anticipation and overshoot elasticOut For a more pronounced oscillating overshoot effect Visualize at https://easings.net/#easeOutBack