span.cesium-sceneModePicker-wrapper { display: inline-block; position: relative; margin: 0 3px; } .cesium-sceneModePicker-visible { visibility: visible; opacity: 1; transition: opacity 0.25s linear; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; } .cesium-sceneModePicker-hidden { visibility: hidden; opacity: 0; transition: visibility 0s 0.25s, opacity 0.25s linear; -webkit-transition: visibility 0s 0.25s, opacity 0.25s linear; -moz-transition: visibility 0s 0.25s, opacity 0.25s linear; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none { display: none; } .cesium-sceneModePicker-slide-svg { -webkit-transition: left 2s; -moz-transition: left 2s; transition: left 2s; top: 0; left: 0; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 3px 0; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D, .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView, .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D { margin: 0 0 3px 0; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D { left: 100%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView { left: 200%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D { left: -200%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D { left: -100%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D { left: -100%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView { left: 100%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected { border-color: #2e2; box-shadow: 0 0 8px #fff, 0 0 8px #fff; }