sawacrow

Hi Rodrigo, Thank for your reply. Yes you right, i must add the image for clear. Like in the attached SVG. As you move the mouse, imagine the area near the mouse moving. It's very difficult to find an example, I couldn't find it again. I just found SS. I thought maybe there was a script that imported SVG and made such an animation. I mean, I hope.

Hello im looking for a script, Imagine a banner with SVG lines, and as you move the mouse, animations occur either in that area or everywhere. Is there a script for this, or does anyone know the concept? I've searched but couldn't find it.

I knew I had missed something. Thank you very much.

Hi all, I've done a similar build before and it worked. But it's not working now. There are max-height:400px and overflox-y in the "content-box" text area. I'm trying to log console.log as articles like "AWS, Azure, Google Cloud" are triggered. Trigger does not work when scrolling in max-height area. It wants me to scroll in the body. I want to run it in scroll in max-height field, where do you think the error is?

@Rodrigo, @geedix these are great answers. Thanks a lot ! I love this community more and more every day.

Hi, I'm trying to do something similar in concept to the video. 10-15 different SVG shapes will bounce low down the Header. But since I don't know the concept name of it, I can't do research and look at examples. I couldn't find any results in Codepen. (2d) it should be random/overlapping like tetris if possible. (i.e. it shouldn't go through) Does anyone know what the name of this concept is?

Hi. its about website actually. can be wrong category

Yeah thats it ! I was rediscovering America. Thank you @Rodrigo

Hey all, I am trying to scroll spy like in video. I tried many methods but couldn't solve some problems. Can you show the method please ? ( different colors and x coordinates were used as markers. ) https://codepen.io/sawacrow/pen/BaGjzYN

@Rodrigothank you !

Hey all, What is the name of this concept and i couldn't find gsap examples example 1: https://codepen.io/mbagolor/pen/oNLVxex example 2: https://codepen.io/PixelPink/pen/pEBMML I guess its "floating animation" but I cant find gsap examples.

hi @akapowl Learning never ends. It seems like a level advanced issue but it was solved with your support. Thank you hero. I will search for new subjects. https://codepen.io/sawacrow/pen/xxaNNBB

Hello, i want to do loop-vertical text slider. i did it but I have error on first screen. The numbers seem to be nested, and after the first boot, it gets better. //GSDevTools.create(); When I run the command, the problem is solved but I cannot detect the error. They should come with opacity:0 on first boot because CSS is defined. ( The problem is fixed in the 2nd round. ) ( by the way, I like the codepen script below, but it was written in gsap 2.0. I couldn't upgrade to 3.0 so I rewrote it. https://codepen.io/sawacrow/details/ZEMNZWY ) Question 2: when the animation on the first line is loop, so that it starts as the last animation starts, i.e. The "<" operator does not work because there is no element before it. how can i solve this? tl2.fromTo(".anim-text h1", {opacity: 0, y: -100}, {opacity: 1, y: 0, duration: 1, ease: ease}, "<"); tl2.fromTo(".anim-text h1", {opacity: 1}, {opacity: 1, duration: 1, ease: ease}); tl2.fromTo(".anim-text h1", {opacity: 1, y: 0}, {opacity: 0, y: 100, duration: 1, ease: ease}); tl2.fromTo(".anim-text h2", {opacity: 0, y: -100}, {opacity: 1, y: 0, duration: 1, ease: ease}, "<"); tl2.fromTo(".anim-text h2", {opacity: 1}, {opacity: 1, duration: 1, ease: ease}); tl2.fromTo(".anim-text h2", {opacity: 1, y: 0}, {opacity: 0, y: 100, duration: 1, ease: ease}); tl2.fromTo(".anim-text h3", {opacity: 0, y: -100}, {opacity: 1, y: 0, duration: 1, ease: ease}, "<"); tl2.fromTo(".anim-text h3", {opacity: 1}, {opacity: 1, duration: 1, ease: ease}); tl2.fromTo(".anim-text h3", {opacity: 1, y: 0}, {opacity: 0, y: 100, duration: 1, ease: ease});

Hi all, I wrote a library that makes the most used animations simple by integrating them with the scrolltrigger. You can visit the links below to review. Demo: https://cengizilhan.com/sawaMotion/index.html https://github.com/sawacrow/SawaMotion

no its not question. i just shared for showcase