用纯CSS实现旋转立方体效果

实现效果图： 思路：定义一个div，里面放六张图片，先将六张图片定位到同一位置，然后用变幻属性 transform中的旋转属性rotate和位移属性translate共同实现每张图片对应的位置，最后可以用动画属性 animation实现旋转。 html代码: 在css里面，div先水平垂直居中 绝对定位让图片脱流，6张图片在一个位置，避免定位的麻烦 再用一张图片调试相应6个面的位置 ：（补充tra

>>阅读原文<<