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)