title: Rotate object 360 degree with some tilted angle or in ellipse shape using css or js
body: <p>I am trying to rotate arm object on top of cylinder which is placed with some angle to get maxium view of full object.</p>
  
  <p>Hence I need to rotate arm on top of cylinder which should look like it is tilted same as cylinder using css or javascript.</p>
  
  <p>Help me to achive this. Thank you...</p>
  
  <pre><code>.scara-arm {
    width: 30px;
    height: 30px;
    margin: 1px auto;
    transform: rotate(0deg);
  }
  
  .scara-arm.autoplay {
    animation: rotatearm 8s linear infinite;
    -webkit-animation: rotatearm 8s linear infinite;
  }
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/zkjuw4v5/18/" rel="nofollow noreferrer">Demo with code</a></strong></p>