i'm in trouble with a project. I'm trying to create a horizontal scroll with Javascript and GSAP, but only if width is > 1200px. i did a thing and it kinda works, but if i resize the web page to…
I'm working on a portfolio project and I'm running into errors I don't understand. I just completed the responsive design for 480px and 768px screens. Here is the link to the site: https://tranthanhhthao.github.io/swinburne-contact/ Using the computer Chrome browser everything looks…
I came across https://flecto.io(use a vpn if the site doesn't open) and the site caught my attention. I want to replicate the animation in the hero section. To be more precise, that is the part where the green rectangle turned…
I have tried literally everything I can search for and think of but nothing is letting me implement this feature. I want the background to have completely faded to black by the time the "who" class is in the middle…
Each of the following if statements works perfectly as long as the other if statement isn't present. I don't understand why having both if statements causes the function not to work. I've tried so many variations but can't figure it…
I want to create a entry transition to my website but the polygons are not rendering like they should. The polygons animate on entry from right to left like window bind. It was working before with 10 Masks but I…
I recently came across an impressive visual effect on a website and was wondering how I could implement it in my own web application. The effect is as follows: as you scroll down the page, the text gradually zooms in…
I've got parent component generating x "snowflake" components. Each of the snowflakes has its own ref attributes, that invokes "animatesnowflake" within useEffect hook. The animation function itself, has some dynamic values, however both starting Y and gsap.to y values are…
I have a site running on digital ocean : https://studiosnow-gjxrv.ondigitalocean.app/ and the github code is : https://github.com/Omkarc284/SNsite1 It works better in development but in production its problematic! As you can see i have heavy images but my client cant compromise…
I'm trying to position an image to the top of the window, but having the scroll position calculated so the image which has position: fixed; always stays on top and visible no matter if you're scrolling or not. How can…