How to provide such animation in CSS?

Question

css

When the page loads, a widget with buttons is displayed. Moreover, the widget and its content does not appear immediately, but with animation. For example, at first the widget itself appears smoothly, and then the buttons appear animatedly.
How to use CSS to implement the animation of the buttons of the widget along the "trajectories"? That is, so that the movement in the animation of the buttons is given. The way I want.
For example, so that all the buttons seem to appear in the very center of the rectangular widget, and then from the center in a spiral move animatedly to each in its place. About something like this.
Thanks in advance!

Answer 1

...implement the animation of the widget buttons along the "trajectories"?

How to make css animation like this?