全栈开发

css做立方体

2017-05-30  本文已影响23人  月光在心中

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

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

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

2、右面,rotateY(90deg)

3、左面,rotateY(270deg)

4、背面,rotateY(180deg)

5、上面,rotateX(90deg)

6、底面,rotateX(270deg)

上一篇 下一篇

猜你喜欢

热点阅读