沒有做瀏覽器兼容,請使用chrome瀏覽器查看。
在沒有使用【perspective】和【transform-style:preserve-3d】的情況下
translateZ(60px)
translateY(-10px)
translateY(-10px) translateZ(50px)
translate3d(15px,-10px,50px)
rotateX(30deg);
rotateY(45deg);
rotateZ(15deg);
rotateX(45deg) translateZ(50px);
rotateY(45deg) rtranslateZ(50px)
上面的區域是由舞臺(帶陰影的整個大div),容器(舞臺內每個小塊),目標(綠色背景的div)基本html目錄構成
選擇在【舞臺】【容器】【目標】增加相應的{perspective:800px}和{transform-style:preserve-3d}