Jump to content

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

Catalin R.

  • Content Count

  • Joined

  • Last visited

Community Reputation

16 Newbie

About Catalin R.

  • Rank
    Advanced Member

Recent Profile Visitors

888 profile views
  1. Hello, Don't forget about "Aspect Ratio" : https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio https://www.w3schools.com/howto/howto_css_aspect_ratio.asp Sometimes you need to do that!
  2. Thanks, Zach! I forgot about clear props! Quite simple! Thanks again!
  3. Hi, I have a problem with a simple timeline. The widget "Title 03 " has not the same effect when I resized the browser. But, the two those horizontal long lines have the right behavior. What's wrong with that widget "Title 03"? I've made two pens as examples: https://codepen.io/ZenTao/pen/ExKMYBM?editors=0110 and https://codepen.io/ZenTao/pen/oNxVNYj?editors=0010 In the second pen, why the timeline doesn't run again on resize? I'm trying to find the right code for resize. Can anybody help me out, please? Respectfully, Catalin R.
  4. I have some lines of code, actually a timeline with 5 tweens. I don't know how to make a timeline GSAP to work on resize! Should I kill, pause, restart or anything else from great GSAP methods? It's about a simple timeline. Thnaks!
  5. Hi Zach, I can't put those two long horizontal lines inside of the widgets. They are visible on other sections too, into a big project. The point is: they are always visible and changing their position. And, it's not about those two lines only, all elements are not in the right position on resize. How can I use properly 4 variables into a timeline? Thanks Zach! I hope you are not angry on me! Hope so!
  6. Hi Zach, Is GSAP working only for quite simple animation? like this: https://codepen.io/PointC/pen/zBybXz?editors=0010 ? This example show me that GSAP has methods to make timeline works on resize. Can you advice me how to use properly 4 variables into a timeline? Thanks!
  7. Hi Zach, It's a simple timeline where I use some variables. Those variables a changing their values when the browser is resized. A quite simple timeline GSAP cannot be made to work for all devices? Your function doesn't work for resize.
  8. On scroll I have different position for those long lines. I want them near those titles all time on scroll.
  9. Hi, This resize doesn't work properly, I don't get the same position for each element animated with that timeline. I've tried many times to make the code fore resize but without success, for that I'm here on GSAP forum. And, I have two long horizontal lines with classes "line-01" respectively "line-02". After animation (from top: 100%) they have new position. I need the same position (relatively to those titles) to be kept on scroll.
  10. Hi Zach, I have two goals. First, when I resize the browser (responsive part) I need to have the same position for each element set with GSAP timeline. And second, on scroll I need to have those two horizontal lines (line-01 and line-02) in the same position, near Title 02 respectively Title 01. Let me know if I was clear about these goals. Thanks!
  11. Hi, I have a big problem on every project when I resize the window. What should I do with each timeline or tween on resize? I need to have the same effect. And I need an advice, how to make (see my topic) on scroll, to have for horizontal lines the same position, relative to those titles? Thanks!
  12. Hi, Is there any simple and relevant example about ScrollTrigger.maxScroll() works? Can anybody help me with this? Thanks!
  13. Hi, Wow! It works with onStart and onReverseComplete! Thanks a lot!
  14. Hi, I need to add freezeBrowser function when I play this timelineMax and unfreezeBrowser function on reverse of TimelineMax. I need these functions to freeze and unfreeze the browser. How can I do that? Thanks!