Anijs —— 基于Css3的动画库

54082bd4401fd

AniJS是一个看起还不错的CSS动画库。

它的链式语法比较神奇,用起来有种高大上的样子,实际使用起来估计会蛋疼。

54082fd3ad9b1

这是一个典型的Anijs语法

<body>
    <header data-anijs="if: click, do: flipInY animated">
        header
    </header>
    <nav data-anijs="if: scroll, on: window, do: swing animated, to: footer">
        nav
    </nav>
    <div id="main" data-anijs="if: load, on: window, do: swing animated">
        if: load, on: window, do: swing animated
    </div>
    <footer>
        footer
    </footer>
    <script src="bower_components/anijs/dist/anijs-min.js"></script>
</body>

点这里进入demo页面感受吧?http://anijs.github.io/#examples

赞(0) 打赏
未经允许不得转载:WEB前端开发 » Anijs —— 基于Css3的动画库

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    基于animate.css的动画整理 http://www.17shulihua.com/animate/

    milogu2年前 (2016-12-12)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏