CSS3 3D制作实战案例分析

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

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!