var fragment = document.createDocumentFragment();

​

var itemnum = 36

var deg = 360 / itemnum

​

var r=23

var g=89

var b=9

​

for(var i=0;i<itemnum;i++){

  var item = document.createElement('div')

  item.className = "item"

  var bgcolor = 'rgb('+ (r+2*i)+','+(g+i)+','+b*i+')'

  item.style.background = bgcolor

  var li = document.createElement('li')

  var curdeg = deg * i

  if(curdeg>120 & curdeg<240)

    {

      li.style.display='none'

    }

  li.style.transform=`rotate(${curdeg}deg)`

  li.appendChild(item)

  fragment.appendChild(li)

}

​

​

var itemwrap = document.querySelector('.itemwrap')

​

itemwrap.appendChild(fragment)