快速给页面加上炫酷 css3 动画的 chrome 插件。

[vace]

快速给页面加上炫酷 css3 动画的 chrome 插件

使用

1.从 chrome webstore 下载

chrome 应用商店安装地址

2.直接下载 crx 文件

如果无法访问到 chrome 的应用商城，可以选择下载app.crx文件,在 chrome 中打开chrome://extensions/页面，将app.crx插件拖动到扩展程序面板即可完成安装。 下载地址

3.自行构建

• npm install -g vue-cli
• git clone https://github.com/vace/css3-animation-generator
• cd css3-animation-generator && npm install
• npm run app

样式导出规则：

1. 优先使用带有 c3前缀的 class，如 <span class="c3-test">animate it</span>
2. 如果存在 class，则使用 class 选择器，如 <span class="fl animate">animate it</span>
3. 如果定义了 Id，则使用 id 选择器，如 <span id="anim1">animate it</span>
4. 如果都不存在，则使用内部自定义的选择器查找方案

例子

Remark

• animate.css
• magic.css
• iview
• vue
• chrome developer

[hrjlhy]

赞一个，下午试试!

[circleee]

不错

[vace]

这是第一版本，因为部分脚本中使用的呢 javascript 的`Set`，所以大家尽量升级 chrome 到比较新的版本。本人测试使用的是 360 最新版本和 chrome50+都可以正常使用！

[shenqi]

已经 star

[shenqi]

用了部分功能，再次来点赞。

[MrFireAwayH]

好棒 Mark Star

[zhouyg]

好东西，值得 star

[yao978318542]

厉害了 star

[Tunar]

真好东西，star ！

[tbag781623489]

最近在学 css3 支持一个