JSFiddle - React, Tailwind, and code Playground

by Osama Qassar

HTML

<div class="circle" id="circle">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>

CSS

.circle{
  border: 1px solid red;
  }

JavaScript

var elms = $('span');
console.log(elms)

for(var i=1; i<elms.length; i++){
  $(elms[i]).css('transform', 'rotate( '+(i*20)+'deg) );');
  console.log($(elms[i]))
}