Chinmay
WBWeb Bae
•Created by Chinmay on 4/24/2024 in #❓︱questions
GSAP Flip flexbox contents jumping (CodePen included)
Hey guys, I'm trying to create an interaction where when you click one of the menu items, it moves to the top of the page (using GSAP's Flip plugin). The issue I'm having however is that since I'm appending it to the
.flip_container as I've seen in the GSAP docs, it disrupts the flow of the .menu_wrapper. Which makes sense of course, but I'd like each of the remaining items in the .menu_wrapper to stay where they are.
Here is a Codepen where I've recreated the issue: https://codepen.io/chigggsy/pen/dyLaNWw7 replies
WBWeb Bae
•Created by Chinmay on 1/25/2024 in #❓︱questions
Custom cursor not aligned (at 1921px and greater)
Hey everyone, I made this for a client a few months ago and I had a custom cursor that would follow the position of the mouse, but also rotate and return to face true north (just like a how a compass needle would when you shake it). This was working perfectly fine for months but I've come back to fix up parts of the site, and now the custom cursor is not being aligned to the mouse position and I can't for the life of be figure out why. All I've figured out is that it happens to be misaligned on breakpoints larger than 1920px (which is a breakpoint I have set), however none of the properties relating to the custom cursor are altered at this breakpoint, nor is there anything specified in the JS to change it when it's at a the larger breakpoint. Another thing is that this issue occurs when the page is loaded at the breakpoint, meaning if I adjust the viewport, the alignment doesn't change. So I'm not sure if this is something to do with media queries either. Would anyone know what could be causing this issue?
Here is the website: https://projectzero.earth
Here is the javascript for the cursor: https://9p8k3z.csb.app/global_customCursor.js
8 replies