You may want to animate a value manually, without generating any CSS.
This module is for you!
You'll need to track a Timeline
in your model and update it using AnimationFrame
.
color : Animator.Timeline.Timeline state -> (state -> Color) -> Color
float : Animator.Timeline.Timeline state -> (state -> Movement) -> Basics.Float
velocity : Animator.Timeline.Timeline state -> (state -> Movement) -> Basics.Float
movement : Animator.Timeline.Timeline state -> (state -> Movement) -> { position : Basics.Float, velocity : Basics.Float }
Internal.Move.Move Basics.Float
to : Basics.Float -> Movement
xy : Animator.Timeline.Timeline state -> (state -> { x : Movement, y : Movement }) -> { x : Basics.Float, y : Basics.Float }
xyz : Animator.Timeline.Timeline state -> (state -> { x : Movement, y : Movement, z : Movement }) -> { x : Basics.Float, y : Basics.Float, z : Basics.Float }
withWobble : Basics.Float -> Movement -> Movement
This will make the transition use a spring!
withWobble 0
- absolutely no wobblewithWobble 1
- all the wobble