لقد كنت أحاول إعادة إنشاء مشروع 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. عند النقر على الصورة، يجب أن تظهر الحاوية دائمًا على الجانب الأيسر من الشاشة.

شكرا لك على مساعدتك!