Search the Community
Showing results for tags 'animaion'.
Found 6 results
-
I'm animating some cloud PNG's inside an SVG and for some reason the PNGs edges appear white lines. I thought it was a problem with the PNG so I cleaned it inside Photoshop, but the problem persisted. Here is a video of the behavior: https://puu.sh/KBxXd.mp4 I wasn't able to upload the SVG files anywhere to use CodePen (Google Drive doesn't provide the .svg), so I will provide all the website files (the main file is HTML/index.html): https://drive.google.com/drive/folders/1PV4wrMpYdlrwkPM-IA-kJCwubSeY2BjG?usp=sharing If any other information is needed, please feel free to point me to it. Thank you so much.
-
I want a button similar to the 'Get Started' button at the top of the page on dora.run/ai, when I hover over it, the color changes in the same way. I’d really appreciate your help!
-
Hello, why is not working? logo
-
The first two sections of this animation are working almost perfectly as I intended. However, there is one issue I would like to resolve: I want the image and text to slide up before the section is pinned, and once the section is pinned, I want the image to slide down as the user scrolls, while gradually reducing the opacity of the text based on the scroll progress. There is also a major issue: when the third section starts coming into view, the animation of the image sliding up and down starts to break. Could you please review the animation in the first two sections? This is the effect I'm aiming for across all sections. Additionally, I would like the same animation to occur in reverse when the user starts scrolling back up. I would greatly appreciate your assistance with this. Thank you,
-
Hello, I'm a newbie here. I'm creating profile animation as you can see my image when the profile rotates gives me upsidedown. How can I do that? gsap.to(circle, { duration: 4, rotation: 360, repeat: -1, transformOrigin: "200px 50%", ease: "linear", });
-
Hi All, I am new to GSAP. How do we create a text / heading animation like https://tobiasahlin.com/moving-letters/#2
