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

cubicOut detail::cubicOutEasing cubicOut {} inlineconstexpr Cubic polynomial easing (t³) with moderate deceleration. The cubicOut easing function provides smooth, balanced deceleration that's popular across many design systems. It's pronounced enough to be noticeable but not dramatic. Characteristics: Smooth, natural-feeling deceleration More pronounced than quadratic, gentler than quartic Industry-standard motion curve Works well for most animation types This easing excels at: Web interfaces: Following CSS animation best practices Mobile UI: iOS and Android design patterns Content animations: Cards, lists, grids Default easing choice: Safe for most situations User-triggered actions: Button presses, toggles, switches CubicOut is one of the most commonly used easings in production interfaces. It provides clear polish without drawing excessive attention to the motion itself. Mathematically: f(t) = 1 - (1-t)³ // Button press feedback auto scale = tweeny::from(1.0f) .to(0.95f) .via(easing::cubicOut) .during(10U) .build(); // Card appearing auto opacity = tweeny::from(0.0f) .to(1.0f) .via(easing::cubicOut) .during(25U) .build(); See also cubicIn For cubic acceleration cubicInOut For cubic motion at both ends quadraticOut For gentler deceleration quarticOut For stronger deceleration Visualize at https://easings.net/#easeOutCubic