bcavenagh

Nevermind, fixed it. The scroll was constantly calling the function which was doing something to the water so I just added a variable that limited the function to only one execution

I am working on an animation and for some reason once the animation runs then part of the svg disappears. I ran the inspector on it and it looks like the transform on the element is constantly switching between transform:matrix and transform:matrix3d and I don't know why it is doing that. (You need to scroll slightly to start the animation)

Is there a way to do it for free? Don't have the funds to be paying for a subscription @PointC

I am trying to make the text in my animation to make a sort of shivering animation. I basically want it to shake and wiggle rapidly at the dame time but I'm having a hard time making it work. I'm close but it looks weird right now

Could you help me create a clip path for the cup? I'm new to all of this and have no idea how to use clip-paths or masks. I'm trying to just replace the beer glass in the example with the glass svg from my image but it just gives me a spikey figure and the animation no longer does anything. How do I recreate that beer glass with my own stuff?

I am trying to animate the glass filling with water by just changing the height of the water from 0% to 100% but nothing is happening. Can you animate the specific groups in an SVG rather than the whole SVG or do I need them to be separate files?