Making My World 3D

[ElaineN]

Hi there, i have a project i am working on and i would love a little help!
If someone can help me out with this it would be much appreciated!! i have tried different ways but still nothing, i am not a pro at coding i usually work off other code and make it do what i want it to do i am in courses online at work for css3 but moving slowly, my site shows the page i am making, if you dont mind looking at it , its at bizzybeete.com/test/index.html
i need the world in between to be round and not flat it want it to stay still and not spin but everything i do just does not work, can anyone help?
thank you a bunch in advance :)
Elaine

[Shikkediel]

Here’s a pen for those that would like to fiddle with it:

codepen.io/yvaBJZ

Doesn’t seem like a great approach to make the globe a child of the animated parent, there’s no direct way to prevent that child from inheriting the rotation as far as I know. Probably best to place it outside of the animation.

[Shikkediel]

Although I suppose the 3d effect of it being in the center will be lost that way, so the alternative would be to give the globe a counter rotation:

codepen.io/jZMOVE

[ElaineN]

Amazing, thank you now it is beautiful!!

Elaine :)

[Author]

Posts