Jump to content
Search Community

JD9

Members
  • Posts

    29
  • Joined

  • Last visited

Community Answers

  1. JD9's post in Tutorial animation does not work was marked as the answer   
    Hi sanjshah,

    1) you're referring to ".logo", which is a jQuery style selector. You'll need to declare a jQuery library to be able to use it's selector engine.
    2) you need to add a little bit of CSS code, since you're trying to move .logo towards the right. position: relative; does that for you (for example).
     
    I've completed your tutorial code to get you started (really simple example, exactly like the one you're trying out in your tutorial).
    Copy paste this to your computer file (you've called it "TweenMaxTest.html") and you're good to go!"

    Happy Tweening!
    Jos
    <!doctype html> <html> <head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js"></script> </head> <body> <div class="logo" style="background-color: red; height: 50px; width: 50px; position: relative;"></div> <script> TweenMax.to(".logo", 12, {left:600}); </script> </body> </html>
×
×
  • Create New...