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

【问题标题】：how to create the react-reveal homepage text animation如何创建 react-reveal 主页文本动画
【发布时间】：2019-02-23 05:44:58
【问题描述】：

React Reveal 主页文本动画给我留下了深刻的印象，其中“React Reveal”一词中的字母从左、右飞到中间。所以我想我想为我的项目主页实现相同的动画，但不幸的是我没有找到办法。通过查看开发人员控制台以找到它的工作方式，我付出了很多努力，但我无法做到这一点。那么有人可以帮助我如何做到这一点。这是主页的链接https://www.react-reveal.com/ 提前致谢

【问题讨论】：

标签： javascript reactjs react-redux react-animations

【解决方案1】：

如果有人想知道它是如何工作的，我终于找到了我的问题的答案，请检查下面的 sn-p

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>
    );
  }
}

【讨论】：