Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Enzo Ustariz

Members
  • Content Count

    11
  • Joined

  • Last visited

Community Reputation

3 Newbie

About Enzo Ustariz

  • Rank
    Member
  1. Thank's for the hand, it's very helpfull to me actually Have a nice day
  2. Enzo Ustariz

    Sine animation

    Hello everyone, i'm trying to reproduce this : https://heliasoils.com An animated sine background. I tried to play around with a canvas but i'm kinda stuck : https://codepen.io/Ziratsu/pen/BaaWGex Do someone here have done a similar animation ? Do I need to use the canvas or something else ? Finaly how to link the sine wave with greensock, to create a slider or even better animate it with the scroll ? Best, Enzo
  3. Hello guys, I hope you are all doing well I'm actually doing a scroll animation with a bezier curve combining ScrollMagic + GSAP. It's pretty fun but it is just the example scrollmagic is providing. How can I create my own array of values ? To make my SVG follow me on all my website from top to bottom with some variations for example ? Is there an online tool that I haven't found yet ? Thank's if someone is passing by !
  4. Wow, that is so great Zach ! Thank's a lot for this help I really appreciate. Have a nice day. Enzo
  5. Hello everyone, I'm creating an animated menu with CSS Grid / Greensock. My animation is triggered by an event 'click'. The animation run pretty well, but if the user spam click the open button for whatever reason, the animation repeat itself very strangely. The solution I found is to not use Timeline, since they are repeated when we click multiple times on the open btn. But i'm pretty sure there is a more elegant / convenient solution. Can you give me a hand ? Thank's alot.
  6. Wow,now this is great ! Exactly what I was looking for, plus the good explanation, thank you sir.
  7. Hello guys, I have a problem with a "h1", I have centered it with the famous : position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); So it's perfectly centered, then I want to make it appear from the right so i'm tweening it like this : TweenMax.from("h1", 1, { opacity: 0, x:200}) The animation run fine, but if we resize the window, the Heading stay in his position forever, he do not stay in the middle of the screen, he is staying at the place he was when the animation stoppped. But if I don't touch his position : TweenMax.from("h1", 1, { opacity: 0}) I can resize it all I want, it will stay in the middle. My english is quite poor so i'm giving you a CodePen to visualize it. How can I make h1 fade in from the right and then making it staying in the middle when we resize the screen ? Thank's if someone is passing by 🤞
  8. Ho great ! I never thought about setting the body opacity to 0, my problem is solved and I learned some great things, thank you guys. Have a great night, (or day if you don't live in France) 😉
  9. Hello Shaun, I don't want Elements to appear when I refresh the page so I set them to "opacity:0" in the CSS and then set them to "autoAlpha:1" in my timeline before their animations. (you can read my message just above)
  10. Hello Carl, Thank's for these informations, i learned some new things. But in fact I "set" the H1 and H2 values to "opacity:0;" because I don't want them to appear before the animations you know? I've created few projects to train myself with GSAP and if we don't put "opacity:0" in the CSS and then set "autoAlpha:1" in the timeline before the animations, we will see (a little glimpses) of our elements before the animations occurs when we F5 our page. You know spamming refresh and sometimes you'll see our elements for a little time. (I hope you understand this). So I was aware that I can set my Headings outside of the Timeline, but if I do that, I will see my H1 and H2 if I refresh my page, and I was setting my elements to avoid that.
  11. Hello everyone. It's my first post here and i really like this library. Before talking just note that i'm french and I'll probaly do somme grammar faults. So, my problem is that I've created a Timeline and then paused it (You can look the Codepen). Then i've created a SetTimeOut to play it after 2s. When the Timeline play after the pause, the H1 and H2 won't work. Then if we remove the pause and the settimeout, the H1 and H2 animation will work. I've worked on it for few hours and it's driving me crazy. I didn't found any post related to this so i'm asking you a little hand for me! 😁 (you maybe need to go to CodePen to scroll and see the h1 and h2 ;).
×