Smoother animations

Summary

Permit users to control smoothness of each animation effect.

Description

Introduce additional two parameter for all effects which use linear easing (like in animation software) in the beginning and at the end:

  • Speed up: “default” / none / seconds / percent of the whole animation length (specifies amount of seconds for the animation to speed up to its 100% speed)
  • Speed down: “default” / none / seconds / percent of the whole animation length (specifies amount of seconds for the animation to slow down at the end)

Behind the scenes, I think, all animations are programmed as sequences of key-frames. So why not to expose a little bit more control over them?

Notes

  • In time Speed up and Slow down should never overlap.
  • By default all animations have their defaults set to such Speed up and Slow down to keep behaviour backward-compatible visually.
  • Speed up and Slow down can be set to none to disable their influence completely.
  • They also can be set to default to let default values be used.

Screenshots

I will try to make animation demonstrating my proposal. :slight_smile: Just wait, please.

Hi @EmilyGraceSeville7cf,

Thanks for the detailed write-up.

This is already on our radar — internal number 75877 (easing settings for animation effects).

Your suggestion is linked to it.

No need to wait for the demo, the proposal is clear.

We’ll post here when there’s news.

1 Like