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>