CSS动画

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

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

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

先设置景深,.eyes

后容器,.box

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

然后设置每个div的位置

最后创建动画

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

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

原文地址:https://www.cnblogs.com/zjfloveyun/p/5738445.html