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

Chrome Plugin Css3 Animation

疾速给页面加上炫酷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. 假如都不存在,则运用内部自定义的挑选器查找计划

例子

《疾速给页面加上炫酷css3动画的chrome插件》

    原文作者:Vace_Vlm
    原文地址: https://segmentfault.com/a/1190000009231869
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞