Animate

一些动画库

flubber ---> 为 SVG 路径添加动画效果

可以通过这个例子快速编辑和预览效果：

Open

react-spring ---> React 动画库

一个基于弹簧物理的 React 动画库

const styles = useSpring({
  from: {
    opacity: 0
  },
  to: {
    opacity: 1
  }
})

<animated.div style={styles} />

josh.js ---> 为页面滚动上的内容添加动画效果

动画使用 Animate.css

<div
    class="element josh-js"
    data-josh-anim-name="lightSpeedInRight"
    data-josh-duration="1500ms"
    data-josh-anim-delay="3.5s"
    data-josh-iteration="infinite"
>
    Written on ES6
</div>

scrollreveal ---> 为页面滚动上的内容添加动画效果

当元素滚动到视图中时对其进行动画处理

<script src="https://unpkg.com/scrollreveal"></script>

<h1 class="headline">
    Widget Inc.
</h1>

<script>
  ScrollReveal().reveal('.headline');
</script>