快速给页面加上炫酷css3动画的chrome插件。
如果无法访问到chrome的应用商城,可以选择下载app.crx
文件,在chrome中打开chrome://extensions/
页面,将app.crx
插件拖动到扩展程序面板即可完成安装。
下载地址
npm install -g vue-cli
git clone https://github.com/vace/css3-animation-generator
cd css3-animation-generator && npm install
npm run app
- 优先使用带有
c3
前缀的class,如<span class="c3-test">animate it</span>
- 如果存在class,则使用class选择器,如
<span class="fl animate">animate it</span>
- 如果定义了Id,则使用id选择器,如
<span id="anim1">animate it</span>
- 如果都不存在,则使用内部自定义的选择器查找方案
部分脚本中使用了 javascript 的Set
,请尽量升级 chrome 到比较新的版本。测试使用的chrome48+都可以正常使用!导出的动画可能需要加前缀才可以兼容所有浏览器,推荐使用autoprefix,后期考虑加入这个功能。