1

我最近看到了 Stripe 网站,其中有一个带有卡片图像的部分,它自动填充详细信息,然后滚动到下一个选项卡并再次显示。请参阅网站的此部分https://stripe.com/en-in/payments

请参阅上面链接到条带站点的这一部分:

在此处输入图像描述

我认为这些是小部件。我是动画新手。谁能建议如何制作这些并使用 Next.js/React.js 嵌入我们的网页?

4

2 回答 2

0

经过搜索,我得到了许多我们可以使用的打字效果包。我将列出它们 1) https://www.npmjs.com/package/react-typing-animation

2) https://www.npmjs.com/package/react-typical

我们可以使用这些包来创建打字效果。注意 - 如果您必须在多个地方显示此动画,则可以使用您的 javascript 方法同步它们。

另一种简单的使用方法可以通过简单地为该动画插入一个 GIF 来完成,如果您不想弄乱代码

如果有其他方法可以做到这一点,请随意分享。

于 2021-02-16T09:36:36.870 回答
0

有趣的是,我会模拟自动文本(https://youtu.be/t7ePHIsKnnI)然后使用setTimeOut或更改组件UseEffect

于 2021-01-12T13:52:31.567 回答