CSS动画

现在就做一个六边形的3D动画效果。

先是建个div,类为eyes,译为景深,就是眼睛看内容的距离。然后在div里建一个div,类为box,译为容器,可以在Z轴写东西。最后在div里建六个div,分别命名为div1~div6。

设置完div,就来设置属性。

先设置景深,.eyes

后容器,.box

然后就是把六个div放在一起

然后设置每个div的位置

最后创建动画

动画名称move,在设置容器的时候就有animation的时候设置过了,

就这样CSS动画代码完成了。

 

posted @ 2016-08-04 21:23  耐寂寞守繁华  阅读(94)  评论(0编辑  收藏  举报