V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
vace
V2EX  ›  JavaScript

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

  •  4
     
  •   vace · 2017-04-28 12:46:42 +08:00 · 3884 次点击
    这是一个创建于 2767 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    使用

    1.从 chrome webstore 下载

    chrome 应用商店安装地址

    2.直接下载 crx 文件

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

    3.自行构建

    样式导出规则:

    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

    第 1 条附言  ·  2017-04-28 13:35:12 +08:00
    这是第一版本,因为部分脚本中使用的呢 javascript 的`Set`,所以大家尽量升级 chrome 到比较新的版本。本人测试使用的是 360 最新版本和 chrome50+都可以正常使用!导出的动画可能需要加前缀才可以兼容所有浏览器,推荐大家使用 autoprefix,或者使用在线版本的 http://autoprefixer.github.io/,后期考虑加入这个功能。
    10 条回复    2017-05-01 18:36:03 +08:00
    hrjlhy
        1
    hrjlhy  
       2017-04-28 13:01:42 +08:00 via Android
    赞一个,下午试试!
    circleee
        2
    circleee  
       2017-04-28 13:11:53 +08:00
    不错
    vace
        3
    vace  
    OP
       2017-04-28 13:18:35 +08:00
    这是第一版本,因为部分脚本中使用的呢 javascript 的`Set`,所以大家尽量升级 chrome 到比较新的版本。本人测试使用的是 360 最新版本和 chrome50+都可以正常使用!
    shenqi
        4
    shenqi  
       2017-04-28 13:30:14 +08:00
    已经 star
    shenqi
        5
    shenqi  
       2017-04-28 13:31:27 +08:00   ❤️ 1
    用了部分功能,再次来点赞。
    MrFireAwayH
        6
    MrFireAwayH  
       2017-04-28 14:25:16 +08:00
    好棒 Mark Star
    zhouyg
        7
    zhouyg  
       2017-04-28 14:29:11 +08:00
    好东西,值得 star
    yao978318542
        8
    yao978318542  
       2017-04-28 17:15:08 +08:00
    厉害了 star
    Tunar
        9
    Tunar  
       2017-04-29 20:03:50 +08:00 via Android
    真好东西,star !
    tbag781623489
        10
    tbag781623489  
       2017-05-01 18:36:03 +08:00 via iPhone
    最近在学 css3 支持一个
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1110 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 23:32 · PVG 07:32 · LAX 15:32 · JFK 18:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.