Auto switch and hover card
Hello, below is the section that I made in Webflow and added Custom JS and CSS to make the cards auto scroll, now what I want to do is, make the cards active on hover as well. How can I achieve this?
Read only: https://preview.webflow.com/preview/cloudeagle-test?utm_medium=preview_link&utm_source=designer&utm_content=cloudeagle-test&preview=b5b93a5d28635bd6e382ef53c380da5f&pageId=66447276fbd05a4bde060363&workflow=preview
4 Replies
can you post live link too?
hi @Web Bae,
- live link: https://cloudeagle-test.webflow.io/staged/home-draft-v2
- read only: https://preview.webflow.com/preview/cloudeagle-test?utm_medium=preview_link&utm_source=designer&utm_content=cloudeagle-test&preview=b5b93a5d28635bd6e382ef53c380da5f&pageId=66501398110989636649b8e8&workflow=preview
hey, if you're using javascript for the autoscroll, then I would add a 'mouseenter' event listener to activate that card. you'll have to account for resetting the timer and deactivating the other card in your code too!
Got it thanks