How to make a logo animation?

Question

css

The customer wants to make an animated logo, wants to add a motion effect.
It considers 2 options:
1) Start the planet spinning - then you need to look for a complete globe model for it and so that it starts spinning from the same angle of the continents as is now shown on the logo. Thus, the planet will spin, and the letters "The world belongs to you" will stand still. Spin to the left - then the effect is created that the airship flies around the globe.
2) If the planet cannot be launched, then you need to launch the inscription "The world belongs to you", also scrolling to the left around the planet.
Tell me, how realistic is it to make these two options using CSS, or do you need to use some other technologies / programs for this?

Answer 1

What is the first, what is the second, according to the description, require WebGL. The second option is simpler and easier in terms of code: a static sphere with a texture + text that describes the movement along its orbit.
Like this:
I found a solution with a hack. You need to add the following to such a block:
This fixed the issue, updated the sandbox.