Share Posted June 26, 2018 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 More sharing options...
Share Posted June 26, 2018 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: 4 Link to comment Share on other sites More sharing options...
Share Posted June 26, 2018 Well... aren't you a big box of surprises!!! 5 Link to comment Share on other sites More sharing options...
Share Posted June 26, 2018 If you think I speak any french... Go on and keep that illusion going. ? 2 Link to comment Share on other sites More sharing options...
Share Posted June 26, 2018 Ohh... how swiftly you rose... and now thou has fallen.... Link to comment Share on other sites More sharing options...
Author Share Posted June 26, 2018 thanks for your help, but even after adding TweenLight the animation still doesn't launch it ... Link to comment Share on other sites More sharing options...
Share Posted June 26, 2018 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... ? 2 Link to comment Share on other sites More sharing options...
Author Share Posted June 26, 2018 <!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 More sharing options...
Share Posted June 26, 2018 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. 3 Link to comment Share on other sites More sharing options...
Author Share Posted June 26, 2018 <!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 More sharing options...
Share Posted June 26, 2018 You have a typo with an uppercase 'T' //switch this TweenMax.To(".logo", 2, {width:400}); //to this TweenMax.to(".logo", 2, {width:400}); 4 Link to comment Share on other sites More sharing options...
Author Share Posted June 26, 2018 THANKS YOU VERRY MUCH ❤️❤️❤️ 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now