@egjs/view3d/css/view3d-annotation.min.css

Fast & Customizable glTF 3D model viewer, packed with full of features!

.view3d-annotation-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;overflow:hidden;counter-reset:annotation-index}.view3d-annotation{pointer-events:all;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;cursor:pointer}.view3d-annotation.default{width:25px;height:25px;background-color:rgba(255,255,255,.8);border-radius:100%;color:#000;display:flex;font-size:16px;font-weight:700;box-shadow:1px 1px 6px rgba(0,0,0,.3);transition:opacity .5s;justify-content:center;align-items:center;counter-increment:annotation-index}.view3d-annotation.default::before{content:counter(annotation-index)}.view3d-annotation.default .view3d-annotation-tooltip{left:35px;top:12px}.view3d-annotation.default.flip-y .view3d-annotation-tooltip{top:auto;bottom:12px}.view3d-annotation.default.flip-x .view3d-annotation-tooltip{left:auto;right:35px}.view3d-annotation>*{visibility:hidden}.view3d-annotation.hidden{display:none;pointer-events:none}.view3d-annotation.selected{opacity:1!important;z-index:9999!important}.view3d-annotation.selected>*{visibility:visible}.view3d-annotation-tooltip{position:absolute;width:-moz-max-content;width:max-content;cursor:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.view3d-annotation-tooltip.default{padding:10px;border-radius:10px;background-color:rgba(0,0,0,.3);color:#fff}