React+GSAP Flip을 사용하는 프로젝트에 도움이 필요합니다.
2024-08-09에 게시됨
검색:719
저번에 본 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
저는 실천을 통해 학습한다고 믿습니다. 명백해 보이는 실수가 있으면 지적해 주세요. 또한 특정 부분에서 표시를 놓친 경우 수정 방법에 대한 조언을 주시면 감사하겠습니다.
코드펜에서 보이는 것과 비슷한 결과를 얻고 싶습니다. 이미지를 클릭하면 컨테이너가 항상 화면 왼쪽에 생성되어야 합니다.
도움을 주셔서 감사합니다!
릴리스 선언문
이 기사는 https://dev.to/rahber_hossain_d5eda51b82/need-some-help-for-my-project-using-reactgsap-flip-n39?1에서 복제됩니다. 침해가 있는 경우, [email protected]으로 문의하시기 바랍니다. 그것을 삭제하려면
최신 튜토리얼
더>
-
PHP 배열 키-값 이상 : 07 및 08의 호기심 사례 이해이 문제는 PHP의 주요 제로 해석에서 비롯됩니다. 숫자가 0 (예를 들어, 07 또는 08)으로 접두사를 넣으면 PHP는 소수점 값이 아닌 옥탈 값 (기본 8)으로 해석합니다. 설명 : [ &&&] &&] echo 07; // 인쇄 7 (10 월 07...프로그램 작성 2025-02-07에 게시되었습니다 -
전체 HTML 문서에서 특정 요소 유형의 첫 번째 인스턴스를 어떻게 스타일링하려면 어떻게해야합니까?javascript 솔루션 < /h2> : First-Type 유형의 첫 번째 요소의 문서 전체 일치를 달성하려면 JavaScript 솔루션이 필요합니다. . p> 다음 CSS는 추가 된 클래스와 첫 번째 단락을 스타일링합니다. ]...프로그램 작성 2025-02-07에 게시되었습니다
-
FormData ()로 여러 파일 업로드를 처리하려면 어떻게해야합니까?JavaScript에서 일반적인 접근 방식은 다음과 같습니다. fd.append ( "filetoupload", document.getElementById ( 'FiletOUPload'). [0]); ] 그러나이 코드는 첫 번째...프로그램 작성 2025-02-07에 게시되었습니다
-
Object-Fit : IE 및 Edge에서 표지가 실패, 수정 방법?이 문제를 해결하기 위해 문제를 해결하는 영리한 CSS 솔루션을 사용합니다. > 위치 : 절대; 상단 : 50%; 왼쪽 : 50%; 변환 : 번역 (-50%, -50%); 높이 : 100%; 너비 : 자동; // 수직 블록의 경우 높이 : 자동; 너비 ...프로그램 작성 2025-02-07에 게시되었습니다
-
파이썬에서 문자열에서 이모티콘을 제거하는 방법 : 일반적인 오류 수정에 대한 초보자 가이드?코덱을 가져옵니다 가져 오기 re text = codecs.decode ( '이 개 \ u0001f602'.encode ('utf-8 '),'utf-8 ') 인쇄 (텍스트) # 이모티콘으로 emoji_pattern = re...프로그램 작성 2025-02-07에 게시되었습니다
-
SQLALCHEMY 필터 조항에서 'Flake8'플래킹 부울 비교가 된 이유는 무엇입니까?제공된 예에서 부울 필드. 데이터베이스 테이블의 (쓸모없는) 비 관찰 테스트 사례의 수를 결정하는 데 사용됩니다. 코드는 필터 절에서 테스트 케이스를 사용합니다. pre> 그러나 Flake8은 경고를보고한다. "is is false"또는 &...프로그램 작성 2025-02-07에 게시되었습니다
-
교체 지시문을 사용하여 GO MOD에서 모듈 경로 불일치를 해결하는 방법은 무엇입니까?[ github.com/coreos/etcd/client github.com/coreos/etcd/client에 의해 테스트 된 Echoed 메시지에 의해 입증 된 바와 같이 이로 인해 깔끔한 실패가 발생할 수 있습니다. 테스트 수입 github.com/cor...프로그램 작성 2025-02-07에 게시되었습니다
-
PYTZ가 처음에 예상치 못한 시간대 오프셋을 표시하는 이유는 무엇입니까?import pytz pytz.timezone ( 'Asia/Hong_kong') discrepancy source 시간대와 오프셋은 역사 전반에 걸쳐 변동합니다. PYTZ가 제공하는 기본 시간대 이름 및 오프셋은 해당 영역...프로그램 작성 2025-02-07에 게시되었습니다
-
PHP \의 기능 재정의 제한을 극복하는 방법은 무엇입니까?} // 오류 : "reteclare foo ()" 함수 this ($ a, $ b) { return $ a * $ b; } 그러나 PHP 도구 벨트에는 숨겨진 보석이 있습니다 : runkit 확장. 함수를 동적으로 재정의 할 수있는 유연...프로그램 작성 2025-02-07에 게시되었습니다
-
regex를 사용하여 PHP에서 괄호 안에서 텍스트를 추출하는 방법$ fullstring = "이 (텍스트)을 제외한 모든 것을 무시합니다. $ start = strpos ( '('( '('). , $ fullstring); $ end = strlen ($ fullstring) - s...프로그램 작성 2025-02-07에 게시되었습니다
-
PHP를 사용하여 Blob (이미지)을 MySQL에 올바르게 삽입하는 방법은 무엇입니까?php 가있는 MySQL 데이터베이스에 블로브를 삽입하면 MySQL 데이터베이스에 이미지를 저장하려고하면 발생할 수 있습니다. 문제. 이 안내서는 이미지 데이터를 성공적으로 저장하는 솔루션을 제공합니다. ressue $ sql = &qu...프로그램 작성 2025-02-07에 게시되었습니다
-
순수한 CS로 여러 끈적 끈적한 요소를 서로 쌓을 수 있습니까?순수한 CSS에서 서로 위에 여러 개의 끈적 끈적한 요소가 쌓일 수 있습니까? 원하는 동작은 할 수 있습니다. https://webthemez.com/demo/sticky-multi-header-scroll/index.html 순수한 CSS를...프로그램 작성 2025-02-07에 게시되었습니다
-
PostgreSQL의 각 고유 식별자에 대한 마지막 행을 효율적으로 검색하는 방법은 무엇입니까?postgresql : postgresql에서 각 고유 식별자에 대한 마지막 행을 추출함으로써 정보를 추출 해야하는 상황이 발생할 수 있습니다. 데이터 세트 내 각각의 별개의 식별자와 관련된 마지막 행 다음 데이터를 고려하십시오 : id date dat...프로그램 작성 2025-02-07에 게시되었습니다
-
McRypt에서 OpenSSL로 암호화를 마이그레이션하고 OpenSSL을 사용하여 McRypt 암호화 데이터를 해제 할 수 있습니까?질문 : McRypt에서 OpenSSL로 내 암호화 라이브러리를 업그레이드 할 수 있습니까? 그렇다면 어떻게? 대답 : 예, McRypt에서 OpenSSL로 암호화 라이브러리를 업그레이드 할 수 있습니다. OpenSSL? OpenSSL을 사용하여 McR...프로그램 작성 2025-02-07에 게시되었습니다
-
Firefox Back 버튼을 사용할 때 JavaScript 실행이 중단되는 이유는 무엇입니까?탐색 기록 문제 : javaScript가 Firefox 뒤로 버튼을 사용한 후 실행을 중단합니다 Firefox 사용자 뒤로 버튼을 통해 이전에 방문한 페이지로 돌아갑니다. 이 문제는 Chrome 및 Internet Explorer와 같은 다른 브라우저에...프로그램 작성 2025-02-07에 게시되었습니다
중국어 공부
- 1 "걷다"를 중국어로 어떻게 말하나요? 走路 중국어 발음, 走路 중국어 학습
- 2 "비행기를 타다"를 중국어로 어떻게 말하나요? 坐飞机 중국어 발음, 坐飞机 중국어 학습
- 3 "기차를 타다"를 중국어로 어떻게 말하나요? 坐火车 중국어 발음, 坐火车 중국어 학습
- 4 "버스를 타다"를 중국어로 어떻게 말하나요? 坐车 중국어 발음, 坐车 중국어 학습
- 5 운전을 중국어로 어떻게 말하나요? 开车 중국어 발음, 开车 중국어 학습
- 6 수영을 중국어로 뭐라고 하나요? 游泳 중국어 발음, 游泳 중국어 학습
- 7 자전거를 타다 중국어로 뭐라고 하나요? 骑自行车 중국어 발음, 骑自行车 중국어 학습
- 8 중국어로 안녕하세요를 어떻게 말해요? 你好중국어 발음, 你好중국어 학습
- 9 감사합니다를 중국어로 어떻게 말하나요? 谢谢중국어 발음, 谢谢중국어 학습
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
