3 D回転万丈光牢

7503 ワード




    
    Title
    


"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>