/*在AE中制作完想要的动画效果之后,可以先导出一个GIF动画,在PS中打开,选择“生成CSS动画”即可*/ @keyframes anim { 0%{ transform: none; opacity:1; } 100%{ transform: translateZ(0) rotateY(360deg); opacity:0; } } div{ animation:anim 5s ease-in-out infinite both; width: 100px; height: 100px; background: red; }
生成的CSS代码可以用于开发响应式网页设计,也可以用于开发H5游戏。不过需要注意的是,AE中制作的动画效果不一定能够完全被CSS所还原,需要进行一些手工调整。
总之,AE转化为CSS代码是一个加速开发的好方法,可以帮助开发人员更快速的完成网页设计和开发工作。