AE动画是一种用于制作动画的软件，但是如果想要将AE动画转换成CSS代码，可以方便实现网页动态效果。下面我们就来了解如何将AE动画转成CSS代码。

第一步是导出AE动画。我们需要将AE动画导出为mov或者avi格式的视频文件。在AE软件中选择“文件-导出-添加到 Adobe Media Encoder 编码队列”，然后选择.mov或.avi格式，导出视频文件。

文件 ->导出 ->添加到 Adobe Media Encoder 编码队列
.mov 或 .avi格式

第二步是将视频文件转换成Gif。可以使用免费的在线转换工具，例如GIFmaker，将视频文件转换成gif格式。这里提醒大家，转换后的Gif可能体积较大，注意文件大小。

GIFmaker
将视频文件转换成gif格式

第三步是在CSS中添加Gif动画代码。通过使用CSS关键帧动画，我们可以将Gif动画代码添加到CSS中，实现网页动态效果。

@keyframes 动画名称{
0%{
background-position: 0 0;
}
50%{
background-position: -135px 0;
}
100%{
background-position: -270px 0;
}
}
使用GIF动画代码实现页面效果

以上便是将AE动画转换成CSS代码的步骤。如果你想要实现网页动态效果，赶快动手试试吧！