快速给页面加上炫酷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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞