Cleanest way to make cross-slide animation of an object

[albertomercurio]

Hello,

I was wondering what is the cleanest way to make an object animate when changing slide. For example, moving it from the center to the corner and scaling.

I think that view transition is one possible candidate, but it is too simple. I tried to morph a square into a circle and I wasn't satisfied. Anyhow, I didn't see how to change for example the animation duration or the ease.

Another possible solution could be the use of global layers, like the global-top.vue file. With that I have for sure more freedom, but the downside is that I have to manually handle the object, counting for possible backward animations and other features.

I was wondering if the global layer is the best solution, and if yes, what would be a minimal working example for moving and scaling an object?