Как воспроизвести анимацию Вавилона в ReactJs ⇐ Javascript

[Anonymous]

Эй, поэтому я пытаюсь воспроизвести этот эффект кода, который они используют Babel, и моя страница находится в React и Taillide, и я пробовал много вещей, но не смог воспроизвести эффект PS- я также установил GSAP. The effects I want is:

Only one card fully visible at a time


When you scroll, the next card zooms in from the background


Old cards scale down and stack behind (Как многослойная 3D -колода)import { StackedCards } from 'react-stacked';

const industries = [
{
name: 'Healthcare',
icon: '',
description: 'HIPAA-compliant solutions for providers and payers',
},
{
name: 'Finance',
icon: '',
description: 'Secure fintech and banking solutions',
},
{
name: 'E-commerce',
icon: '',
description: 'Scalable platforms for online retailers',
},
{
name: 'Education',
icon: '',
description: 'EdTech solutions for institutions and learners',
},
{
name: 'Manufacturing',
icon: '',
description: 'Industry 4.0 and smart factory solutions',
},
{
name: 'Logistics',
icon: '',
description: 'Supply chain optimization and tracking',
},
];

const IndustriesStackScroll = () => {
return (

Industries We Serve
(

{industry.icon}
{industry.name}
{industry.description}

)}
/>

);
};

export default IndustriesStackScroll;
< /code>
import IndustriesStackScroll from "../../Component/Home/IndustriesScrollStack";




Подробнее здесь: https://stackoverflow.com/questions/796 ... in-reactjs