V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
pseudo
V2EX  ›  分享创造

Animator.js: 轻松制作你的 CSS 动画

  •  
  •   pseudo · 2017-03-12 10:42:49 +08:00 · 2485 次点击
    这是一个创建于 2612 天前的主题,其中的信息可能已经有所发展或是发生改变。

    众所周知, CSS 动画采用原生的方法手写很麻烦并且难以管理。而目前流行的 js 动画库大多采用 js 模拟的方式实现动画,效率上难免不如 CSS 原生。于是我写了 Animator.js ,动画完全通过 CSS Animation 执行,并且能自由管理每一个关键帧。 gzip 压缩后仅不到 3KB 。

    Live Demo

    Github

    欢迎大家留下自己的宝贵意见,我会不断改进。谢谢~

    第 1 条附言  ·  2017-03-12 13:24:01 +08:00
    如果觉得不错的话请帮忙点个 star 吧,谢谢啦
    11 条回复    2017-03-15 14:05:05 +08:00
    pseudo
        1
    pseudo  
    OP
       2017-03-12 10:44:00 +08:00
    @Livid 请问为什么这个主题自动被移动到 Chamber 了呀,能不能麻烦转移到分享创造?谢谢啦
    pseudo
        2
    pseudo  
    OP
       2017-03-12 12:30:25 +08:00
    @GordianZ @Kai @Olivia 请问各位 MOD 这个帖子有没有什么违规内容呀。如果方便的话请帮忙移动一下,谢谢啦
    akwIX
        3
    akwIX  
       2017-03-12 12:41:35 +08:00 via Android
    绝对是因为包含“ SS ”而被自动移动了
    233
    pseudo
        4
    pseudo  
    OP
       2017-03-12 12:46:03 +08:00
    @akwIX 哈哈哈我想也是
    GordianZ
        5
    GordianZ  
    MOD
       2017-03-12 13:00:32 +08:00
    owlsec
        6
    owlsec  
       2017-03-12 13:20:54 +08:00
    哈哈哈哈哈哈哈哈被规则误杀了。
    pseudo
        7
    pseudo  
    OP
       2017-03-12 13:23:21 +08:00 via iPhone
    @GordianZ
    @owlsec 哈哈哈好无辜
    wolfan
        8
    wolfan  
       2017-03-12 13:41:29 +08:00 via Android
    好像有个同名的歪果仁的 css 也是一样的耶。
    pseudo
        9
    pseudo  
    OP
       2017-03-12 15:01:53 +08:00
    @wolfan 看了一下感觉侧重点不一样,他那个是提供一些现成的效果,我这个是是想更加方便地管理复杂动画
    wujunze
        10
    wujunze  
       2017-03-14 16:17:19 +08:00
    感谢分享 赞
    pseudo
        11
    pseudo  
    OP
       2017-03-15 14:05:05 +08:00
    @wujunze 谢谢~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1396 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 17:25 · PVG 01:25 · LAX 10:25 · JFK 13:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.