[Animation] Add animation to "Manage your Cloud Native mess" section on homepage
Closed this issue · 8 comments
Current Behavior
The integrations shown inside the section are static, There is no animation
Desired Behavior
Add animation such that the integrations integrations at the first column move in a downward direction and integrations in the second column move upward direction infinitely.
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.
- 📚 See contributing instructions.
- 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.
Join the Layer5 Community by submitting your community member form.
This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.
Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄
This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.
Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄
Hi this looks like a interesting could I be assigned to this issue?
Sure @JonathanKoerber go ahead 👍
Hi, making progress but don't quite have it figured out. Should be able to be done my the end of this week.
Hi @sudhanshutech and @ritiksaxena124 I have made the animation. To make it visible there is a check that I've disabled. Am I Ok to disable the ckeck. It seem to check if the images are inside the screen with this import { useInView } from "react-intersection-observer".
Please let me know what I should do.
For more context this is the check that I've disabled. Its seems to be an external library.
