我正在参加比赛,但遇到了一些困难。我需要创建一个立方体(旋转)只使用CSS。我需要使用的HTML代码是:
<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
到目前为止,我使用绝对定位元素来创建6个面,但我不知道如何使它旋转只使用CSS。不要JS,拜托!
太感谢你了
1条答案
按热度按时间yhived7q1#
有大量的教程/示例展示了如何做到这一点:Example 1示例2 Example 3Example 4等
从实施例2中提取: