[Basic animation failed (close icon)]

Thank you my friends !!!

[Basic animation failed (close icon)]

Hello my friends

 

Im trying to animate my close icon (without SVG i prefer divs) with GSAP; but I don't know why my divs are so bugging when I animate them

Can you please help me to animate this and to understand what failed ?

 

thanks

See the Pen PoZammJ by patmag (@patmag) on CodePen

[Canvas follows cursor on Hover]

Good afternoon everybody

I saw different topics related to my actual question but I did not manage what I want yet. And I do not know how to resolve my issues.....

I created a Code pen to show you what I want to create: a canvas that displays a different image (related to the list item) on hover of the list item.

I recently saw this effect on different websites and I am wondering how to reproduce it (if that's possible?.)

thank you

 

See the Pen MWKjVzq by patmag (@patmag) on CodePen

[Slider with onWheel event (REACT)]

Hi Zach,

 

I would! But can I use it to create a sort of slider ? Thanks

I mean like

See the Pen YRzRyM by PointC (@PointC) on CodePen

[Slider with onWheel event (REACT)]

13 minutes ago, OSUblake said:

Check how many times a wheel event fires. It's not like a click event.

 

Also, it's better to use y or yPercent instead of top. 

 

I agree!!!,  and I tried so hard but i still don't understand how to display one console.log when I use the onWheel event. Do you have a fix?

 

Thanks for your answers

[Slider with onWheel event (REACT)]

Hey, I'm back and still lost about onWheel events with React and GSAP (I'm sorry.....).

I read a post (here) weeks ago, and I still don't understand. I hope someone can help me...

Here's a simple example of what I'm expected to create: a simple slider that can change with the onWheel event with React JS.

https://codesandbox.io/s/elegant-voice-8kqcb?file=/src/App.js

 

Perhaps I'm doing wrong, I don't know... When I'm scrolling, the third element appears directly and I don't know why.

Thanks a lot in advance

[Preloader percent animation]

Thanks ZachSaucier!!!!

[Preloader percent animation]

Hello ZachSaucier I'm sorry my computer had some problems.

 

I tried to create a preloader with percentage and add a simple gsap settings. But nothing is happening.

I hope someone can help me on that example. Thanks to you

 

See the Pen gOaQovm by patmag (@patmag) on CodePen

[Preloader percent animation]

Thanks to you a lot ZachSaucier !

Your explinations are very useful!!

 

I'm sorry that my question is not really about GSAP.

Do you have any links about that type of preloader (with your method), animated with GSAP ?

 

thanks again

[Preloader percent animation]

¡Hola

 

Sorry in advance for my bad english. I need animation developers advices. Please

I begin creative development with react (js not native) and i don't know how websites created preloader with percent animations :

 

https://jasonbradley.co/

 

 

https://heycusp.com/

 

I'm a beginner and i try to use react hooks but I don't know how to create this kind of animation. And above all: how to create the percentage when content is loading. How is it working please ?

Thanks to you nice developers