Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Combustion

  1. Hi, I have managed to get this to work by setting all the DIVs as being absolute then using TweenMax.set to manually place the boxes in a grid. Thanks anyway!
  2. Hi, I have a grid of 6 boxes. I'm trying to get it so that when you click on a box it scales up and centres itself in the middle of the parent div. Here is what I have so far: http://codepen.io/hrk/pen/yJIBn I think I can get the current position of the box using .offset() I'm fairly new to JS and tweenMax - Can anyone point me in the right direction? Thanks Neil
  3. Hi, thanks great thanks. I'll move the tooltip so the mouse never goes over it so i can use the pointer icon. Cheers
  4. Hi, Can someone help me with this? I want it so when you roll over #box the tooltip (or ball in this case) appears and follows the mouse. When you roll out of #box the tooltip will fade away. This is where I am so far: http://codepen.io/hrk/pen/IguFo Any ideas on how to do this? Thanks
  5. Hi, New to the javascript version of GSAP but have been using greensock for years Im trying to basically animate the scale of an image and also the opacity like this: $(document).ready(function(){ $('.photo').mouseover(function (e){ TweenMax.to($(this), .2, {scaleX:1, scaleY:1, css:{opacity:1}}); }) $('.photo').mouseout(function (e){ TweenMax.to($(this), .2, {scaleX:0.8, scaleY:0.8, css:{opacity:0.7}}); }) }) But it only seems to do the opacity, but if I take out the opacity it does the scale. am I missing something painfully obvious? thanks C