我对React的显示首页文本动画印象深刻,其中“ React Reveal”单词中的字母从左,右飞到中间。所以我想我想为我的项目主页实现相同的动画,但是不幸的是我没有找到一种方法来实现。我在开发人员控制台中寻找了一种工作方式,但为此我感到很挣扎,但我无法做到这一点。所以有人可以帮我怎么做。这是主页https://www.react-reveal.com/的链接 在此先感谢
答案 0 :(得分:0)
我终于找到了我的问题的答案,如果有人试图找到它是如何工作的,请检查以下代码段
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>
);
}
}