我的项目需要一些使用 React+GSAP Flip 的帮助
发布于2024-08-09
浏览：765
我一直在尝试重新创建前几天看到的 CodePen 项目。这是我试图复制的 CodePen 项目。
https://codepen.io/cmalven/pen/RwGqewd?editors=0110
我做了很多工作并花了很长时间来完善它，但我无法达到相同的结果。我怀疑这个问题可能与我项目中的 CSS 有关。这是我在 StackBlitz 上的项目。
https://stackblitz.com/edit/gsap-react-basic-f48716-dbpaw5?file=src/index.js
我相信边做边学，所以如果有一些看起来很明显的错误，请指出。此外，如果我在某些地方遗漏了标记，我将不胜感激任何关于如何纠正它的建议。
我想获得与 codepen 中类似的结果。单击图像，容器应始终在屏幕左侧生成。
感谢您的帮助！
版本声明
本文转载于：https://dev.to/rahber_hossain_d5eda51b82/need-some-help-for-my-project-using-reactgsap-flip-n39?1如有侵犯，请联系[email protected]删除
最新教程
更多>
-
Polyfills——填充物还是缝隙？ （第 1 部分）几天前，我们在组织的 Teams 聊天中收到一条优先消息，内容如下：发现安全漏洞 - 检测到 Polyfill JavaScript - HIGH。 举个例子，我在一家大型银行公司工作，你必须知道，银行和安全漏洞就像主要的敌人。因此，我们开始深入研究这个问题，并在几个小时内解决了这个问题，我将在下面...编程 发布于2024-11-05 -
移位运算符和按位简写赋值1。移位运算符 ：向右移动。 >>>：无符号右移（零填充）。 2.移位运算符的一般语法 value > num-bits：将值位向右移动，保留符号位。 value >>> num-bits：通过在左侧插入零将值位向右移动。 3.左移 每次左移都会导致该值的所有位向左移动一位。 右侧插入0位。 效果：...编程 发布于2024-11-05
-
如何使用 VBA 从 Excel 建立与 MySQL 数据库的连接？VBA如何在Excel中连接到MySQL数据库？使用VBA连接到MySQL数据库尝试连接使用 VBA 在 Excel 中访问 MySQL 数据库有时可能具有挑战性。在您的情况下，您在尝试建立连接时遇到错误。要使用 VBA 成功连接到 MySQL 数据库，请按照下列步骤操作：Sub ConnectDB...编程 发布于2024-11-05
-
测试自动化：使用 Java 和 TestNG 进行 Selenium 指南测试自动化已成为软件开发过程中不可或缺的一部分，使团队能够提高效率、减少手动错误并以更快的速度交付高质量的产品。 Selenium 是一个用于自动化 Web 浏览器的强大工具，与 Java 的多功能性相结合，为构建可靠且可扩展的自动化测试套件提供了一个强大的框架。使用 Selenium Java 进...编程 发布于2024-11-05
-
我对 DuckDuckGo 登陆页面的看法“你为什么不谷歌一下呢？”是我在对话中得到的常见答案。谷歌的无处不在甚至催生了新的动词“谷歌”。但是我编写的代码越多，我就越质疑我每天使用的数字工具。也许我对谷歌使用我的个人信息的方式不再感到满意。或者我们很多人依赖谷歌进行互联网搜索和其他应用程序，说实话，我厌倦了在搜索某个主题或产品后弹出的广告，...编程 发布于2024-11-05
-
为什么 Turbo C++ 的“cin”只读取第一个字？Turbo C 的“cin”限制：仅读取第一个单词在 Turbo C 中，“cin”输入运算符有一个处理字符数组时的限制。具体来说，它只会读取直到遇到空白字符（例如空格或换行符）。尝试读取多字输入时，这可能会导致意外行为。请考虑以下 Turbo C 代码：#include <iostream....编程 发布于2024-11-05
-
使用 Buildpack 创建 Spring Boot 应用程序的 Docker 映像介绍 您已经创建了一个 Spring Boot 应用程序。它在您的本地计算机上运行良好，现在您需要将该应用程序部署到其他地方。在某些平台上，您可以直接提交jar文件，它将被部署。在某些地方，您可以启动虚拟机，下载源代码，构建并运行它。但是，大多数时候您需要使用容器来部署应用程序。大...编程 发布于2024-11-05
-
如何保护 PHP 代码免遭未经授权的访问？保护 PHP 代码免遭未经授权的访问保护 PHP 软件背后的知识产权对于防止其滥用或盗窃至关重要。为了解决这个问题，可以使用多种方法来混淆和防止未经授权的访问您的代码。一种有效的方法是利用 PHP 加速器。这些工具通过缓存频繁执行的部分来增强代码的性能。第二个好处是，它们使反编译和逆向工程代码变得更...编程 发布于2024-11-05
-
React：了解 React 的事件系统Overview of React's Event System What is a Synthetic Event? Synthetic events are an event-handling mechanism designed by React to ach...编程 发布于2024-11-05
-
为什么在使用 Multipart/Form-Data POST 请求时会收到 301 Moved Permanently 错误？Multipart/Form-Data POSTs尝试使用 multipart/form-data POST 数据时，可能会出现类似所提供的错误消息遭遇。理解问题需要检查问题的构成。遇到的错误是 301 Moved Permanently 响应，表明资源已被永久重定向。当未为 multipart/f...编程 发布于2024-11-05
-
如何使用日期和时间对象确定 PHP 中的时间边界？确定 PHP 中的时间边界在此编程场景中，我们的任务是确定给定时间是否在预定义的范围内。具体来说，我们得到三个时间字符串：当前时间、日出和日落。我们的目标是确定当前时间是否位于日出和日落的边界时间之间。为了应对这一挑战，我们将使用 DateTime 类。这个类使我们能够表示和操作日期和时间。我们将创...编程 发布于2024-11-05
-
如何使用 CSS 变换比例修复 jQuery 拖动/调整大小问题？jQuery 使用 CSS 变换缩放拖动/调整大小问题： 当应用 CSS 变换时，特别是变换：矩阵(0.5, 0, 0, 0.5, 0, 0);，对于一个 div 并在子元素上使用 jQuery 的draggable() 和 resizing() 插件，jQuery 所做的更改变得与鼠标位置“不同步...编程 发布于2024-11-05
-
如何修复 TensorFlow 中的“ValueError：无法将 NumPy 数组转换为张量（不支持的对象类型浮点）”错误？TensorFlow：解决“ValueError: Failed to Convert NumPy Array to Tensor (Unsupported Object Type Float)”工作时遇到的常见错误TensorFlow 的错误是“ValueError：无法将 NumPy 数组转换为...编程 发布于2024-11-05
-
如何高效判断本地存储项是否存在？确定本地存储项目是否存在使用 Web 存储时，在访问或修改特定项目之前验证它们是否存在至关重要。在本例中，我们想要确定 localStorage 中是否设置了特定项目。当前方法检查项目是否存在的当前方法似乎是：if (!(localStorage.getItem("infiniteScro...编程 发布于2024-11-05
-
Java 中的原子是什么？了解 Java 中的原子性和线程安全1. Java 原子简介 1.1 Java 中什么是原子？ 在Java中，java.util.concurrent.atomic包提供了一组支持对单个变量进行无锁线程安全编程的类。这些类统称为原子变量。最常用的原子类包括 AtomicInteger 、 Atomic...编程 发布于2024-11-05
学习中文
- 1 走路用中文怎么说？走路中文发音，走路中文学习
- 2 坐飞机用中文怎么说？坐飞机中文发音，坐飞机中文学习
- 3 坐火车用中文怎么说？坐火车中文发音，坐火车中文学习
- 4 坐车用中文怎么说？坐车中文发音，坐车中文学习
- 5 开车用中文怎么说？开车中文发音，开车中文学习
- 6 游泳用中文怎么说？游泳中文发音，游泳中文学习
- 7 骑自行车用中文怎么说？骑自行车中文发音，骑自行车中文学习
- 8 你好用中文怎么说？你好中文发音，你好中文学习
- 9 谢谢用中文怎么说？谢谢中文发音，谢谢中文学习
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
