#viewer-container {
|
|
.dc-compass {
|
top: 40px;
|
left: 40px;
|
transform: scale(1.6);
|
}
|
|
.dc-zoom-controller {
|
top: 160px;
|
left: 56px;
|
transform: scale(1.6);
|
}
|
|
.dc-zoom-controller {
|
background: #2196f3;
|
}
|
|
.dc-compass .out-ring {
|
fill: #2196f3;
|
}
|
|
.dc-hawkeye-map {
|
left: auto;
|
right: 16px;
|
bottom: 16px;
|
}
|
|
.dc-compass .gyro {
|
fill: #2196f3;
|
}
|
|
// .div-icon {
|
// .tag-entitys-box {
|
// animation: moveLayerIcon 0.5s linear 0;
|
// }
|
|
// .tag-entitys-box:hover {
|
// animation: moveLayerIcon 0.5s linear infinite;
|
// }
|
// }
|
|
}
|
|
.layer-entity-animation {
|
animation: moveLayerIcon 1s linear infinite;
|
}
|
|
@keyframes moveLayerIcon {
|
0% {
|
transform: translateY(0px);
|
}
|
|
25% {
|
transform: translateY(-10px);
|
}
|
|
50% {
|
transform: translateY(0px);
|
}
|
|
75% {
|
transform: translateY(-10px);
|
}
|
|
|
100% {
|
transform: translateY(0px);
|
}
|
|
}
|
