首页 扩展程序 Animation Generator

Animation Generator

提供方: melonh0327
16
开发者工具 665 位用户

插件简介

Generate CSS Animation code for your page
Animation Generator是集成在开发者工具Devtools的一个功能。它能帮助开发者迅速为原本死气沉沉的页面上的元素添加动画和实时预览,并生成兼容多浏览器的CSS动画代码。

你只需要以下步骤,便可复活你的页面:
1. 在HTML中,为需要添加动画的元素添加前缀为"anim-"的类,如anim-arrow
2. 打开开发者工具,使用放大镜选中带有"anim-"前缀的类的元素
3. 在Style, Event Listener等标签栏切换到Animation Generator。
4. 现在开始给你的元素添加动画吧!

其他信息

版本 1.1.2 上次更新日期 2015年4月10日 大小 701KiB 语言 支持1种语言 适用浏览器

谷歌浏览器Google Chrome浏览器

Jing Chen
Jing Chen Modified 2016年7月13日
好用.怎么不更新啊
Aric Chen
Aric Chen Modified 2015年4月10日
很好用 3Q
Carson Chen
Carson Chen Modified 2016年10月25日
非常好用
Ping Cai
Ping Cai Modified 2015年4月10日
好用, 可以直接生成代码, 再不用把animate.css拷贝进去了
Welefen Li
Welefen Li Modified 2015年4月7日
很赞的扩展,妈妈再也不用担心给元素加动画了
mengyan zhou
mengyan zhou Modified 2015年4月3日
添加动画实时就能够预览,自动生成css代码,集成在开发者工具中很方便啊
Akira Wu
Akira Wu Modified 2015年4月2日
超级好用的插件!
Generate CSS Animation code for your page