我最近看到了 Stripe 网站,其中有一个带有卡片图像的部分,它自动填充详细信息,然后滚动到下一个选项卡并再次显示。请参阅网站的此部分https://stripe.com/en-in/payments
请参阅上面链接到条带站点的这一部分:
我认为这些是小部件。我是动画新手。谁能建议如何制作这些并使用 Next.js/React.js 嵌入我们的网页?
我最近看到了 Stripe 网站,其中有一个带有卡片图像的部分,它自动填充详细信息,然后滚动到下一个选项卡并再次显示。请参阅网站的此部分https://stripe.com/en-in/payments
请参阅上面链接到条带站点的这一部分:
我认为这些是小部件。我是动画新手。谁能建议如何制作这些并使用 Next.js/React.js 嵌入我们的网页?
经过搜索,我得到了许多我们可以使用的打字效果包。我将列出它们 1) https://www.npmjs.com/package/react-typing-animation
2) https://www.npmjs.com/package/react-typical
我们可以使用这些包来创建打字效果。注意 - 如果您必须在多个地方显示此动画,则可以使用您的 javascript 方法同步它们。
另一种简单的使用方法可以通过简单地为该动画插入一个 GIF 来完成,如果您不想弄乱代码
如果有其他方法可以做到这一点,请随意分享。
有趣的是,我会模拟自动文本(https://youtu.be/t7ePHIsKnnI)然后使用setTimeOut
或更改组件UseEffect