sorcherer/magicalStyle.css

A library for attaching dynamic HTML overlays to Three.js Object3D instances with distance-based scaling, rotation, auto-centering, and DOM culling.

/* magicalStyle.css */

/* Container for Sorcherer overlays */
.sorcherer-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Styling for each overlay element */
.magic-MinusOne {
  position: absolute;
  color: white;
  font-family: Arial, sans-serif;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
}