); }21:T5fb,function MainComponent({ logos }) { return (

{logos.map((logo, index) => (

))}

); } function StoryComponent() { const logos = [ { url: "https://ucarecdn.com/5edfc859-3f60-4c41-9a9f-ac1a80110f3e/Google_2015_logosvg.png", name: "Google" }, { url: "https://ucarecdn.com/8c23f315-0532-48f0-86f9-d694cb1f9d3d/Microsoft_logo_2012svg.png", name: "Microsoft" }, { url: "https://ucarecdn.com/daac6d8b-d2af-41e0-8ba8-6a20b1d23e67/amazonlogo1.png", name: "Amazon" }, { url: "https://ucarecdn.com/4ef2a3e8-bfa8-4a76-a372-4be0619721da/FacebookLogo.svg", name: "Facebook" }, { url: "https://ucarecdn.com/363330f5-28d7-46d4-9052-f0d8f7ef687b/IBM_logosvg.png", name: "IBM" }, ]; return (

); }22:T71c,A scrolling animation for a website's "Trusted By" section Show each logo 60px from the next one No background Logos should be 50px height. They should be center aligned horizontally. Logos should scroll left to right. When they hit the edge, they should fade off the screen. The logos should loop infinitely. After the last logo in the list is shown, show the first again so there is no gap. Make sure at the edge, the logos fade

Product

Login

Start building

Use Cases

Internal tools

Resources

Pricing

Integrations

Tips

Community

Affiliates

Company

Newsletter

Blog

Careers

Privacy Policy

Terms of Service

Contact Us

© 2024 Create, Inc.