css做立方体

       css3可以用来做动画,是给网页做各种特效的神器。它新增了多个做动画的属性,比如translate3d、cubic-bezier,transform,rotate可以用来做很多立体效果。

        做立方体效果,需要分别定义六个面:

1、正对着人的面不用做任何旋转

2、右面,rotateY(90deg)

3、左面,rotateY(270deg)

4、背面,rotateY(180deg)

5、上面,rotateX(90deg)

6、底面,rotateX(270deg)

你可能感兴趣的:(css做立方体)