Jump to content
GreenSock

Jsimer

Members
  • Posts

    2
  • Joined

  • Last visited

Posts posted by Jsimer

  1. Hi. I have not been able to find  a solution and was hoping someone could help. Basically, I am trying to fade in/out an svg during the animation. At start, I would like to have the opacity transition from 0 at 0 seconds to 1 at 5 seconds (or half way through) and then again transition to 0 at 10 seconds (or the end of the animation). I need this animation to repeat infinitely. How can I achieve this? 

     

    var snow = $("#snowflake");
    var tl = new TimelineMax();var bezierPath = [{ x: 5, y: 4 }, { x: -5, y: 8 }, { x: 5, y: 12 },{ x: -5, y: 16 }];
    tl.add(TweenMax.set(snow,{autoAlpha:0}));tl.add(TweenMax.to(snow, 10, { bezier: {
                type: 'soft',
                values: bezierPath,
                smoothOrigin: true,
                timeResolution: 12,
                autoAlpha:1
              }, ease: Linear.easeNone, repeat:-1, autoAlpha:0}));

     

×