Skip to content

easing

Read as Markdown

easing is a frozen object containing linear, easeIn, easeOut, easeInOut, cubicBezier(...), and steps(...). Pass one of its PibblEasing values to a tween, keyframe segment, or tween transition. The object itself is not an easing function.

Built-in easing functions for mapping normalized animation progress.

easing: Readonly<{ linear: (progress: number) => number; cubicBezier: (x1: number, y1: number, x2: number, y2: number) => PibblEasing; easeIn: PibblEasing; easeOut: PibblEasing; easeInOut: PibblEasing; steps: (count: number, position?: 'start' | 'end') => PibblEasing; }>

Related API: easing, PibblEasing.

PibblEasing

tween

View source — packages/core/src/lib/animation/easing.ts:94

Read the Animation and scheduling companion for ownership, adaptation, failure modes, and verification. Agent start provides the version-selection workflow.

Documentation built with @pibbl/core 0.0.2, revision 2dccb19. ALPHA — NOT FOR PRODUCTION USE.