【问题标题】:Short animation in React projectReact 项目中的短动画
【发布时间】:2019-09-01 07:01:02
【问题描述】:

我只是在网上搜索,在这个网站上发现了一个不错的动画。 https://marketplace.walmart.com/

主页有一个动画,它们像幻灯片一样显示。每 2 秒左右会出现一个新帧,并且它是交互式的。意味着如果您单击该动画上的任何内容,它将创建一个事件并执行操作。

我想在我的应用程序中使用这个类似的功能。所以我在网上搜索了 React App 中的动画。我发现 Velocity.js 和 Parallax 作为动画。大多数情况下,当我们滚动页面时会显示动画。我的要求类似于链接中提到的要求。

关于如何获得幻灯片类型动画的任何输入/建议。我对此很天真,需要建议。请帮忙!!!

【问题讨论】:

    标签: javascript html css reactjs animation


    【解决方案1】:

    在 React 中可以以多种方式触发事件。有很多资源可以帮助您开始使用不同的类型,但我推荐React documentation。如果你需要一个好的起点。我建议首先在页面上实现箭头以使用和 onclick 事件以沿页面滑动 html/React 组件。您可以将此与定时事件结合起来以触发其他操作。关于动画本身,那里有很多资源。这是一个可以帮助您入门的方法:CSS Transitions

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-04-11
      • 1970-01-01
      • 1970-01-01
      • 2015-02-01
      • 1970-01-01
      • 2022-12-31
      • 1970-01-01
      相关资源
      最近更新 更多