如何创建 react-reveal 主页文本动画

Question

我对 React Reveal 主页文本动画印象深刻，其中 "React Reveal" 单词中的字母从左、右飞到中间。所以我想我想为我的项目主页实现相同的动画，但不幸的是我没有找到实现它的方法。通过查看开发人员控制台以找到它的工作方式，我费了很大的劲，但我无法得到它。那么有人可以帮助我如何做到这一点。这里是首页linkhttps://www.react-reveal.com/ 提前致谢

Answer 1

我终于找到了我的问题的答案，如果有人想知道它是如何工作的，请查看下面的代码片段

import React from 'react';
import Zoom from 'react-reveal/Zoom';

class ZoomExample extends React.Component {
  render() {
    return (
      <h1>
        <Zoom left cascade>
        <div style={{display:'inline-block'}}>React</div>

        </Zoom><Zoom right cascade> 
        <div style={{display:'inline-block'}}> Reveal</div>
        </Zoom>
      </h1>
    );
  }
}

如何创建 react-reveal 主页文本动画

how to create the react-reveal homepage text animation

javascript

reactjs

react-redux

react-animations