我的專案需要一些使用 React+GSAP Flip 的幫助
發佈於2024-08-09
瀏覽：252
我一直在嘗試重新建立前幾天看到的 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]刪除
最新教學
更多>
-
如何從Python中的字符串中刪除表情符號：固定常見錯誤的初學者指南？從python 導入編解碼器 導入 text = codecs.decode（'這狗\ u0001f602'.encode（'utf-8'），'utf-8'） 印刷（文字）＃帶有表情符號 emoji_pattern = re.compile（“ [”...程式設計 發佈於2025-02-07 -
如何限制動態大小的父元素中元素的滾動範圍？在交互式界面中實現垂直滾動元素的CSS高度限制 考慮一個佈局，其中我們具有與可滾動的映射div一起移動的subollable map div用戶的垂直滾動，同時保持其與固定側邊欄的對齊方式。但是，地圖的滾動無限期擴展，超過了視口的高度，阻止用戶訪問頁面頁腳。 可以限制地圖的滾動，我們可以利用CS...程式設計 發佈於2025-02-07
-
在映射到MySQL枚舉列時，如何確保冬眠保留值？在hibernate中保存枚舉值：故障排除錯誤的列type ，他們各自的映射至關重要。在Java中使用枚舉類型時，至關重要的是，建立冬眠的方式如何映射到基礎數據庫。 在您的情況下，您已將MySQL列定義為枚舉，並在Java中創建了相應的枚舉代碼。但是，您遇到以下錯誤：“ MyApp中的錯誤列類型...程式設計 發佈於2025-02-07
-
在沒有密碼提示的情況下，如何在Ubuntu上安裝MySQL？在ubuntu 使用debconf-set-selections sudo debconf-set-selections程式設計 發佈於2025-02-07
-
如何使用替換指令在GO MOD中解析模塊路徑差異？克服go mod中的模塊路徑差異 coreos/bbolt：github.com/coreos/ [email受保護]：解析go.mod：模塊將其路徑聲明為：go.etcd.io/bbolt `要解決此問題，您可以在go.mod文件中使用替換指令。只需在go.mod的末尾添加以下行：[&& &...程式設計 發佈於2025-02-07
-
為什麼PYTZ最初顯示出意外的時區偏移？與pytz 最初從pytz獲得特定的偏移。例如，亞洲/hong_kong最初顯示一個七個小時37分鐘的偏移： 差異源 考慮以下代碼： < pre> import pytz [&& &&&&&&華&& && && && &&&華dt2 = hk.localize（dateTime（2012,1...程式設計 發佈於2025-02-07
-
如何克服PHP的功能重新定義限制？克服PHP的函數重新定義限制在PHP中，多次定義一個相同名稱的函數是一個no-no。嘗試這樣做，如提供的代碼段所示，將導致可怕的“不能重新列出”錯誤。 // error：“ coss redeclare foo（）” 但是，php工具腰帶中有一個隱藏的寶石：runkit擴展。它使您能夠靈活...程式設計 發佈於2025-02-07
-
如何使用PHP將斑點（圖像）正確插入MySQL？在嘗試將image存儲在mysql數據庫中時，您可能會遇到一個可能會遇到問題。本指南將提供成功存儲您的圖像數據的解決方案。 easudy values（'$ this-> ; image_id'，'file_get_contents（$ tmp_imag...程式設計 發佈於2025-02-07
-
可以在純CS中將多個粘性元素彼此堆疊在一起嗎？</main> <section> ，但无法使其正常工作，如您所见。任何洞察力都将不胜感激！ display：grid; { position：sticky; top：1em; z-index：1 1 ; { { { pos...程式設計 發佈於2025-02-07
-
如何為PostgreSQL中的每個唯一標識符有效地檢索最後一行？[2最後一行與數據集中的每個不同標識符關聯。考慮以下數據： 1 2014-02-01 kjkj 1 2014-03-11 ajskj 3 2014-02-01 sfdg 3 2014-06-12 fdsa 在（ID）上選擇DISTINC 來自the_table 按ID訂單，date desc;...程式設計 發佈於2025-02-07
-
如何在Java字符串中有效替換多個子字符串？Exploiting Regular ExpressionsA more efficient solution involves leveraging regular expressions.正則表達式允許您定義復雜的搜索模式並在單個操作中執行文本轉換。 示例示例usage 接下來，您可以使用匹配...程式設計 發佈於2025-02-07
-
我可以將加密從McRypt遷移到OpenSSL，並使用OpenSSL遷移MCRYPT加密數據？將我的加密庫從mcrypt升級到openssl 問題：是否可以將我的加密庫從McRypt升級到OpenSSL？如果是這樣？使用openssl？ 答案：可以使用mcrypt數據加密數據，可以使用openssl。關於如何使用openssl對McRypt進行加密的數據： openssl_decryp...程式設計 發佈於2025-02-07
-
為什麼使用Firefox後退按鈕時JavaScript執行停止？導航歷史記錄問題：JavaScript使用Firefox Back Back 此行為是由瀏覽器緩存JavaScript資源引起的。 To resolve this issue and ensure scripts execute on subsequent page visits, Firefox...程式設計 發佈於2025-02-07
-
如何使用char_length（）在mySQL中按字符串長度對數據進行排序？[2使用內置的char_length（）function。 char_length（）和length（） 此查詢將從指定的表中檢索所有行，並基於上升順序對它們進行排序指定列的字符長度。帶有更長字符串的行將出現在結果的底部。程式設計 發佈於2025-02-07
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
