Question

我对React的显示首页文本动画印象深刻，其中“ React Reveal”单词中的字母从左，右飞到中间。所以我想我想为我的项目主页实现相同的动画，但是不幸的是我没有找到一种方法来实现。我在开发人员控制台中寻找了一种工作方式，但为此我感到很挣扎，但我无法做到这一点。所以有人可以帮我怎么做。这是主页https://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>
    );
  }
}

如何创建反应显示主页文本动画

1 个答案: