Jump to content


  • Posts

  • Joined

  • Last visited

Andrei's Achievements



  1. Hello! Is it possible to rotate an object around an arbitrary axis, say one at 45 degrees (i.e. right between X and Y)? Having something like rotationXY:"axisAngle, rotationAngle" would be nice.
  2. Thank you very much, your solution worked for me just fine. )
  3. Hi there! My animation works as long as the line <!--<input name="company">--> is commented out. When it is uncommented, the form isn't tweened anymore, but input is. I don't know what to think, really.. <!doctype html><html><head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script> window.onload = function(){ var h1 = $("#h1"); var form = $("#formOrder"); var tl = new TimelineMax(); tl.from([h1, form], 3.5, {rotationX:90, transformOrigin:"50% 0", ease:"Back.easeOut"}); } </script> </head> <body> <div id="body"> <h1 id='h1'>Info</h1> <form id='formOrder' style='width:300px; height: 200px; background: #eee;'> <label>Company:</label> <!--<input name="company">--> </form> </body></html>
  4. Dear rhernando, You have been most helpful, thank you very much! )
  5. var logo = $('#logo'); var tl = new TimelineMax(); tl.to(logo, 1, {rotation:"90_cw", transformOrigin:"left top", ease:"Back.easeOut"}); tl.to(logo, 5, {rotation:"-=90", transformOrigin:"right top", ease:"Back.easeOut"}); The first rotation works just fine, but when it comes to the second, I expected it to play exactly from the element's position (and degree of rotation), as it was when the first animation's finished. Instead the element is instantly moved in such a way that its current transformOrigin point coincides with its initial position (before the first animation), as if this point hadn't been moved in the course of the first animation. So instead of something similar to a basic falling leaf effect I get something unexpected. ) The question is-- is there a way to add on animations to the same element so its current state would smoothly change into the next one? Or maybe I just choose transformOrigin incorrectly? Can anyone help?