3 D回転万丈光牢

    
    
    


"box_3D">
    
"box">
    



    var box = document.<span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">".box"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    var boxChild = box.children<span class="token punctuation">;</span>
    var arrImg = [<span class="token string">"xin7.jpg"</span>] 
    for <span class="token punctuation">(</span>let i=0<span class="token punctuation">;</span>i<12<span class="token selector">;i++)</span><span class="token punctuation">{</span>
        box.innerHTML += <span class="token string">"<div></div>"</span> <span class="token punctuation">;</span>
        boxChild[i].style.transform = <span class="token string">"rotateY("</span>+ 30*i +<span class="token string">"deg) translateZ(400px)"</span><span class="token punctuation">;</span>
        boxChild[i].style.backgroundImage = <span class="token string">"url("</span>+ arrImg[i] +<span class="token string">")"</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>