我正在參加一場比賽,但我遇到了一些困難。我需要使用CSS創建一個立方體(旋轉)。唯一的HTML代碼,我不得不使用方法是:僅使用CSS創建一個旋轉的立方體
<div id="container">
<div id="imasters-cube">
<div class="front"></div>
<div class="back"></div>
<div class="top"></div>
<div class="right"></div>
<div class="bottom"></div>
<div class="left"></div>
</div>
</div>
我粘貼的圖像,所以你可以看到我需要的結果:
http://www.sitepor500.com.br/index.php?q=criacao-site-seo&a
到目前爲止,我使用absoluted定位元素創建6面,但我不知道如何使它只使用CSS旋轉。沒有JS,請!
謝謝你這麼多
這太寬泛了。並且有大量的教程/例子http://cssdeck.com/labs/9avpkiv8vl http://www.paulrhayes.com/2009-07/animated-css3-cube-interface-using-3d-transforms/ http ://cssdeck.com/labs/simple-css3-3d-cube http://www.the-art-of-web.com/css/3d-transforms/#.UfHVDo3rwZw等 –
非常感謝!我在巴西網站上看了很多很成功。我的英語不好,這就是爲什麼我沒有用英語搜索。但你的第一個鏈接有一個很好的示例!再次感謝你。 – amandanovaes
嘿@Zeaklous爵士我如何將你的答案標記爲解決我的問題的答案?它出現在評論中,所以我不能選擇你的! – amandanovaes