pixelarchitect

Thank you for responding @GreenSock, I was hoping to find a solution without adding another JS library, especially for something so small, I'm gonna take a look at it but definitely still open for other suggestions!

I made a timeline animation with GSAP but I want the last text to go from text-align center to text-align left. I kinda made it work with targeting the css but I rather find a smooth way, does somebody have an idea how to solve this? I just can't find the solution.

Sometimes it can just be so simple... learned a lot, thank you all so much, I think it's working as intended now

What an awesome solutions are presented up here, thank you all so much. I was playing a bit more with this and stumbled on a few "bugs" (dont know how to call them differently). 1. When the container has a padding the cursor image is automatically off center (the amount of pixels of the padding) 2. When you re-use the container (right after) again, it doubles that padding space You can see the two bugs in the codepen down below. I could resolve the padding issue by adding a -40 to the 'setY(e.pageY -40);' but I'm wondering if there is a cleaner solution, especially keeping point 2 in mind. https://codepen.io/pixelarchitect/pen/ZEyzQWm

@nicofonseca I noticed that when you add another div into the main div and hover that specific div the cursor image gets completely off track, do you by any chance know a solution for that as well? Or maybe someone else? https://codepen.io/pixelarchitect/pen/PomMXKO

It does, thank you so much!

I am using GSAP to show an image on hover that follows the cursor while moving around, it all works fine but I can't get the image to 'center center' the cursor, what am I missing here? Edit: I accidentally updated the original codepen that had the wrong code, I don't have a back-up of the old -not working- version but if you are looking for the solution you can find it down below and read how we got there in the rest of the topic Solution codepen: https://codepen.io/pixelarchitect/pen/abWeQJa

Hi all, I know this is a little bit outside of GSAP but maybe there is a developer here that can help me. I am currently working on a WordPress website and want to include BarbaJS with WordPress for smooth page transitions (with GSAP). I got the basic working but I have some small problems with refreshing data (scripts) when going to a new page so the scripts on the new loaded page are also working. I have knowledge of HTML, CSS and basic Javascript but not enough to code what is needed. Please let me know what it would cost!

Hi @greensock, thanks for getting back to me. I noticed a lot of scrollmagic related questions here so I thought I was in the right place (also because I need gasp animation js), sorry if im at the wrong place and thank you for the suggestion, it unfortunately doesn't help me but I'll continue my search!

Hi all, I am using ScrollMagic to animate an SVG on scroll (SVG drawing) and this works perfect. What I would like though is that the SVG fully animates as soon as it enters the window (so not slowly animates on scroll). I tried multiple things and I looked everywhere for a solution but I can't find it, is this actually possible?