• Content count

  • Joined

  • Last visited

Community Reputation

19 Newbie

About classikd

  • Rank
  • Birthday 06/13/1985

Profile Information

  • Gender
  • Location
    Montpellier, France
  1. Start nested timeline not from beginning

    Yes it does help me a lot ! And you're right i think i'm going to use a function calling itself when completed instead of using the repeat attribute. Because i encountered another problem, the timelines added after the infinite animation timeline are never played I saw on an other post that using the callback method would solve this problem so i'm going to try that. Thank you PointC.
  2. Start nested timeline not from beginning

    Thanks for your help PointC. That's definitly better than what i've done. But the problem is that tl.duration() returns a number like 1000000000000 if i set the timeline to repeat:-1. Do you think there is a way to make it working with infinite animation ?
  3. Start nested timeline not from beginning

    Unfortunaly that's not working when i do: tlMain .add(getTl().progress(0.5).play());
  4. Start nested timeline not from beginning

    I have succeeded in adding a label at half time of my staggerTo animation. In my opinion it's a little bit tricky but i can' t find a better solution.
  5. Start nested timeline not from beginning

    Hmm. Is it possible to add labels between staggerTo animation steps ? Within a callback ?
  6. Hello, In my master timeline i would like to play child timelines not from the beginning, from the half for instance. I've succeded in using the tweenFromTo() function. But the problem is that i have to set the 2 values in seconds, and let's imagine if later i change the duration values in my timelines i will have to make a calculation again to find the 2 values and then change them. Not a convenient method. Do you know if a better solution exists ? Thanks a lot.
  7. Micro jumps (antialiasing) at the end of tweens

    I looked at this codepen and there is no longer flickering for me (FF, Chrome, Opera). I think you believe the flickering problems remain because of the ease you use, try using a linear one.
  8. Micro jumps (antialiasing) at the end of tweens

    Hello, Those flickering problems can usually be solved by doing a GPU render using 3d properties on elements (translateZ(0), perspective...). I have added this CSS code and now it looks pretty fine: #banner , #banner *{ backface-visibility: hidden; /* Chrome */ filter: grayscale(0%); /* FF */ } In your case i had to add a filter property for Firefox, i don't know why. Maybe the blur filter you use is the cause of the problem. Of course this is not a good method to use the universal selector, this code is just a test I've done fastly. Moreover maybe you could use the GSAP force3D property in your JavaScript code instead of CSS.
  9. TimeLine Reverse & repeat

    Hello I think you should use yoyo and repeat properties :
  10. SVG rotationX/rotationY with GSAP 1.19.1

    I think my skill level is too low to investigate with you but i follow the discussion with attention In any case at the moment i leave aside those kind of animation.
  11. SVG rotationX/rotationY with GSAP 1.19.1

    Thanks a lot for your helpful advices Jonathan. I recognize that i develop in Chrome by simplicity, it's a little bit faster and i like that each page runs its own process. But is it really worth it... I used to use Firefox many years ago but i gave it up following the "script not responding" errors i had which made me crazy ! Developing in Firefox would have saved my time in this case and it would drive me in the good direction to follow spec, so i'm seriously going to think about it.
  12. SVG rotationX/rotationY with GSAP 1.19.1

    PointC, i'd like to animate the shapes within the SVG, not the SVG itself. Well anyways I'll give up 3d animations on SVG shapes, i must read about the browser support i'm not really aware. Indeed I understand your choice not to support browsers deviations you're totally right. I'm a little bit sad but i will find another way to do what i want. Thanks all three for your explainations.
  13. Hello, I'm trying to make rotationX/rotationY transforms on SVG shapes with the last version, GSAP 1.19.1, but it does not work. This is working only with rotation or rotationZ properties. Here you can see that nothing happens on mouseover event: But if i am using GSAP 1.19.0 or lower version everything is working well : Is there a bug or do some properties have changed, i have found nothing about it ? Thanks for your help.
  14. Reverse nested timeline

    That's working perfectly now thanks a lot Carl. I have to go deeper in learning TweenMax, with the experience i have now i think i would never have find this method to solve my problem. I have nested the timeline in another because i tought it was the good way to do, but maybe it's not ? It looks well organized, easily readable... as I will have many others timelines following the closing navigation animation. But i'm pretty new in animation with this tool and maybe you have a better way to teach me Thanks for your help.
  15. Reverse nested timeline

    Hello, I'm sorry I can't explain very well my issue because I don't know why this behavior happens. In my exemple I would like to understand why as soon as i click a navigation link (home or contact), i get my navigation animations disappear (try opening the navigation again, you'll see the navigation appears without animation) Do yo have any idea ? Thanks a lot.