title: Rotate multiple elements at the same time
body: <p>I have list of items (li) that are stacked around in circle using transformation. Items have different angle depending on its initial position in the circle: </p>
  
  <ul>
  <li>transform: rotate(0deg) translateY(-75px) rotate(-0deg)</li>
  <li>transform: rotate(45deg) translateY(-75px) rotate(-45deg)</li>
  <li>... etc</li>
  </ul>
  
  <p>last negative rotate is to rotate ccw to keep element in up position.
  translate Y is radius offset.</p>
  
  <p>What I would like to accomplish is to rotate all items around for various number of degrees or let's say if one item gets clicked I would like all items to rotate so that clicked item will be on the top position (0deg).</p>
  
  <p>What would be best way to do this? Looking for some clever ways.. All items should ofcourse rotate at the same time - like a dialer on the old phone. </p>