Jump to content
Search Community

GSAP does not work

lucrampro test

By lucrampro
in GSAP

Moderator Tag
 Share

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Dipscom test

Dipscom

Posted
Posted

Hello!

 

Have a look at this thread here, you are making the same mistake that's discussed there:

 

 

Now let's turn on google translate:

 

Bonjour!

 

Jetez un oeil à ce fil ici, vous faites la même erreur qui est discuté ici:

 

  • Like 4
Link to comment
Share on other sites
Dipscom test

Dipscom

Posted
Posted
3 minutes ago, lucrampro said:

thanks for your help, but even after adding TweenLight the animation still doesn't launch it ...

 

That will be because you're probably missing the CSSPlugin... Have another look at the thread, the details are explained there. Or, just use TweenMax instead of TweenLite, you'll probably be better off with TweenMax anyway.

 

Do let us know if you have having language issues, though.

 

5 minutes ago, Rodrigo said:

Ohh... how swiftly you rose... and now thou has fallen....

 

Such is the fate of the unworthy... ?

  • Like 2
Link to comment
Share on other sites
lucrampro test

lucrampro

Posted
  • Author
Posted 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/normalize.css">
    <link rel="stylesheet" href="/style.css">
    <title>Animation GSAP</title>
</head>
<body>
    
    
<img src="/Logo_chat.png" class="logo" alt="">
    
    
</body>
<script src="CSSPlugin.js" ></script>
<script src="TimelineLite.min.js" ></script>
<script src="TimelineMax.min.js" ></script>
<script src="app.js" ></script>
</html>

even with Tween Light and the plugin css3 tweenmax does not work I really like to use this library his annoys me lol.
after each post I push my work on git you can see all my code if you want 

 

Link to comment
Share on other sites
PointC test

PointC

Posted
Posted

You're not loading TweenLite. You're loading TimelineLite. Please try this.

  

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenLite.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TimelineMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/plugins/CSSPlugin.min.js"></script>

 

Happy tweening.

:)


 

 

  • Like 3
Link to comment
Share on other sites
lucrampro test

lucrampro

Posted
  • Author
Posted

  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/normalize.css">
    <link rel="stylesheet" href="/style.css">
    <title>Animation GSAP</title>
</head>
<body>
    
    
<img src="/Logo_chat.png" class="logo" alt="">
    
    
</body>


<script src="TweenLite.min.js" ></script>
<script src="TweenMax.min.js" ></script>
<script src="app.js" ></script>
</html>

sorry i hadn't seen lol, i put tweenMax and tweenLight and it still does not stop arrrrg

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...