Search the Community
Showing results for tags 'link animation'.
Found 2 results
-
I want to reuse an hamburger menu I had from a previous react app in my new Nextjs app. There is a siple animation on a list of links. On the previous app, the link where with React-router-dom and it was ok. Since I now use next/link, it doesn't work anymore. Any reason for that? const handleHover = (e) => { gsap.to(e.target, { duration: 0.3, y: 3, skewX: 4, ease: 'power3.inOut' }); }; const handleHoverExit = (e) => { gsap.to(e.target, { duration: 0.3, y: -3, skewX: 0, ease: 'power3.inOut' }); } <nav> <ul> <li><Link onMouseEnter={handleHover} onMouseOut={handleHoverExit} ref={el => (boxRefs.current = el)} href="/nouveautes">Nouveautés</Link></li> <li><Link onMouseEnter={handleHover} onMouseOut={handleHoverExit} ref={el => (boxRefs.current = el)} href="/catalogue"> Catalogue</Link></li> <li><Link onMouseEnter={handleHover} onMouseOut={handleHoverExit} ref={el => (boxRefs.current = el)} href="https://shop.paradisepapers.fr/"> Diffusion</Link></li> <li><Link onMouseEnter={handleHover} onMouseOut={handleHoverExit} ref={el => (boxRefs.current = el)} href="/contacts"> Contacts</Link></li> <li><Link onMouseEnter={handleHover} onMouseOut={handleHoverExit} ref={el => (boxRefs.current = el)} href="https://cmeditions.us17.list-manage.com/subscribe/post?u=385cdf2c81c2f3bdd2ff1583e&id=fa0ff0c34e"> Newsletter</Link></li> </ul> </nav>
-
Hello Everyone, I am revamping my website. I am not very good with Java script and for this reason I am here asking for help. The project I need the help for can be checked on http://codepen.io/aleguitar77/pen/WwPyPG As you can see I have 3 links on the right hand side and any time I click on the circle a different slide is coming from the left hand side. I have noticed that when I am hovering my mouse on the circle marked as Case studies all the circles stops their animation. I would like to pause only the one I am hover and when I leave I would like the circle start pulsating back again in synchro with the others. Also I would like to nest an animation on mouse over. Another thing I would like to ask if the sidebar animation can be done in a better way from the programming point of view. I am not very good at explaining things. I hope this explanation is clear enough. I wish you all a great day, Alex
