# add an additional rotating globe in cesium

**URL:** <https://community.cesium.com/t/add-an-additional-rotating-globe-in-cesium/6161>\
**Category:** CesiumJS\
**Created:** [October 19, 2017, 9:07am UTC](https://community.cesium.com/t/add-an-additional-rotating-globe-in-cesium/6161 "2017-10-19T09:07:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![abdullah.shaiknaina](https://avatars.discourse-cdn.com/v4/letter/a/a9adbd/32.png) [@abdullah.shaiknaina](https://community.cesium.com/u/abdullah.shaiknaina)\
**Post date:** [October 19, 2017, 9:07am UTC](https://community.cesium.com/t/add-an-additional-rotating-globe-in-cesium/6161/1 "2017-10-19T09:07:02Z")

</div>

Hi all  
I wanted to add an additional rotation globe and position the rotation of globe to the bottom left. I also perform configuration to remove everything except the earth. The output is not what I expected. The rotation of globe has a black background. and the label Cesium…

[![](https://lh3.googleusercontent.com/-I6Pktg41-tI/Wehq8aotElI/AAAAAAAAABo/JACUhg8ER3wD6iB0jxmyOWCt6Nv2QkBYgCLcBGAs/s320/additionalroationglobe.png)](https://lh3.googleusercontent.com/-I6Pktg41-tI/Wehq8aotElI/AAAAAAAAABo/JACUhg8ER3wD6iB0jxmyOWCt6Nv2QkBYgCLcBGAs/s1600/additionalroationglobe.png)

My code is found below…

CHLOROPHYLL CONCENTRATION @import url(../Build/Cesium/Widgets/widgets.css); html, body, #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;z-index:0; } #cesiumContainer1 { position:absolute;width:20%;height:20%;z-index:1;left:0%;bottom:0%;animation: spin 10s linear reverse infinite; } @keyframes spin{ 100%{background-position:500%;} }

Can you please help me on how to remove the black background in other words the background must be the background for cesium container. Please help me thank you…