Jump to content


  • Posts

  • Joined

  • Last visited


0 Newbie
  1. Stefan_

    Getting started

    Hi everyone, i am new to GreenSock an have issues including it into my work. It seems that the script is not recognized or i have done a basic mistake. Either way can anybody help me get this running. I have a basic <div> and just wont to animate the opacity with GreenSock to see if it is working. <!DOCTYPE html> <head> <style type="text/css"> .demo { position: fixed; width: 50px; height: 50px; top: 50%; left: 50%; background-color: black; opacity: 1; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script> <script> TweenLite.to(".demo", 2, {opacity: 0}); </script> </head> <body> <div class="demo"></div> </body> </html> I can include jQuery over the CDN link just fine but greensock seems not to work. I am using Brackets 1.7 and Chrome Version 52.0.2743.116 (64-bit) on a Mac.
  2. Dear All, i have seen this tutorial where the animation can be controled by the input value of a slider. http://greensock.com/sequence-video I have a variable definde in my code which has a value between 0 and 1. Is it possible to control the progress for the animation with the value from this variable?