title: How to create a sphere with strings that rotates toward the mouse pointer in css and js?
body: <p>The output I want;</p>
  <p><a href="https://i.stack.imgur.com/GVWCb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GVWCb.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p><em>I want to make a sphere with names, but without curving/bending the names. I also want to make it spin in the direction of the mouse pointer.</em></p>
  <p>If i use this rotate property, my words got curved.</p>
  </blockquote>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@keyframes rotate {
   0% {
    transform: rotateY(0deg);
   }
   100% {
    transform: rotateY(360deg);
   }
  }
  .circ{
    border: none;
    height: 200px;
    width: 200px;
    position: absolute;
    border-radius: 50%;
    transform-style: preserve-3d;
    box-sizing: border-box;
  }
  #sphere{
   animation: rotate 6s linear infinite;
   transform-style: preserve-3d;
   width: 400px;
   height: 400px;
  }
  .circ:nth-child(1) {
   transform: rotateX(0deg);
  }
  .circ:nth-child(2) {
   transform: rotateX(30deg);
  }
  .circ:nth-child(3) {
   transform: rotateX(60deg);
  }
  .circ:nth-child(4) {
   transform: rotateX(90deg);
  }
  .circ:nth-child(5) {
   transform: rotateX(120deg);
  }
  .circ:nth-child(6) {
   transform: rotateX(150deg);
  }
  .circ:nth-child(7) {
   transform: rotateX(180deg);
  }
  .circ:nth-child(8) {
   transform: rotateX(210deg);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="sphere"&gt;
    &lt;div class="circ"&gt;aaaaa&lt;/div&gt;
    &lt;div class="circ"&gt;bbbbb&lt;/div&gt;
    &lt;div class="circ"&gt;ccccc&lt;/div&gt;
    &lt;div class="circ"&gt;ddddd&lt;/div&gt;
    &lt;div class="circ"&gt;eeeee&lt;/div&gt;
    &lt;div class="circ"&gt;ffffffff&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>and so on..</p>