Jump to content
Search Community

Stefan_

Members

  • Posts

    2

  • Joined

  • Last visited

 Content Type 

Posts posted by Stefan_

    Getting started

    in GSAP

    Posted

    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.

     

×
×
  • Create New...