CSS3 3D制作实战案例分析(2)

    <div style="margin-left: 100px;height:300px;width:300px;position:absolute;perspective: 1000px;">  

        <div id="box" style="transform-style: preserve-3d;height:300px;width:300px;position: relative;">  

            <img id="img1" src="1.jpg" />  

            <img id="img2" src="2.jpg" />  

            <img id="img3" src="3.jpg" />  

            <img id="img4" src="4.jpg" />  

            <img id="img5" src="5.jpg" />  

            <img id="img6" src="6.jpg" />  

        </div>  

    </div>  

    <div style="margin-left: 700px;margin-top: 100px;">  

        <input id="btn1" type="button" value="向上翻转90度" />  

        <input id="btn2" type="button" name="" value="向左翻转90度" />  

        <input id="btn3" type="button" value="向右翻转90度" />  

（编辑：ASP站长网）