Animation Generator是集成在开发者工具Devtools的一个功能。它能帮助开发者迅速为原本死气沉沉的页面上的元素添加动画和实时预览,并生成兼容多浏览器的CSS动画代码。
你只需要以下步骤,便可复活你的页面:
1. 在HTML中,为需要添加动画的元素添加前缀为”anim-“的类,如anim-arrow
2. 打开开发者工具,使用放大镜选中带有”anim-“前缀的类的元素
3. 在Style, Event Listener等标签栏切换到Animation Generator。
4. 现在开始给你的元素添加动画吧!