title: getElementByClassName not working with rotateY
body: <p>I've been working on this for a day. Looping thru an array of ids didn't work. queryAllSelectors didn't work. In both scenarios only the third of three divs is affected. I would love to get ByClassName work.</p>
  
  <pre><code>&lt;header&gt;
      &lt;div onmouseover="rotateYDIV()" class="rotate3D"&gt;Thing A&lt;/div&gt;
      &lt;div onmouseover="rotateYDIV()" class="rotate3D"&gt;Thing B&lt;/div&gt;
      &lt;div onmouseover="rotateYDIV()" class="rotate3D"&gt;Thing C&lt;/div&gt;
  &lt;/header&gt;
  
  header {
      text-align: center;
  }
  
  div {
      width: 100px;
      height: 100px;
      background: gray;
      display: inline-block;
  }
  
  
  
  var y,n=0,ny=0,rotINT,rotYINT
  
  function rotateYDIV()
  {
      y=document.getElementsByClassName("rotate3D");
      clearInterval(rotYINT)
      rotYINT=setInterval("startYRotate()",1)
  }
  
  function startYRotate()
  {
      ny=ny+1
      y.style.transform="rotateY(" + ny + "deg)"
      y.style.webkitTransform="rotateY(" + ny + "deg)"
      y.style.OTransform="rotateY(" + ny + "deg)"
      y.style.MozTransform="rotateY(" + ny + "deg)"
      if (ny==180 || ny&gt;=360)
          {
          clearInterval(rotYINT)
          if (ny&gt;=360){ny=0}
      }
  }
  </code></pre>