Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
lucrampro

GSAP does not work

Recommended Posts

Bonjour all ! 
Je me suis mis a essayer GSAP mais les animation ne se lance pas avec tweenMax je ne comprend pas pourquoi jene pense pas avoir fais d'erreur. je vous laisse mon git hub merci de m'aidez

See the Pen by lucrampro (@lucrampro) on CodePen

Link to comment
Share on other sites

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

Well... aren't you a big box of surprises!!! :D

  • Haha 5
Link to comment
Share on other sites

If you think I speak any french... Go on and keep that illusion going. ?

 

  • Haha 2
Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

<!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

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

 

<!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

You have a typo with an uppercase 'T'

 

//switch this
TweenMax.To(".logo", 2, {width:400});

//to this
TweenMax.to(".logo", 2, {width:400});

 

  • Like 4
Link to comment
Share on other sites

THANKS YOU VERRY MUCH ❤️❤️❤️

  • Like 1
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
  • Recently Browsing   0 members

    • No registered users viewing this page.
×