Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About benderhune

  • Rank
  1. Yes, that works perfectly! Thank you very much . I didn't know that putting the timeline within the jQuery click event would make any difference (pardon my JS ignorance, I'm still new to it!)
  2. Hello fellow Greensockers! I'm prototyping a method for arranging content on a page to prevent visitors from having to scroll through butt-loads of content. The method I'm trying to use is to shift the content divs over, slide them up, then stick them at the top of the the stack of div blocks. Here's what I have so far to help you visualize: http://jsfiddle.net/4zzaY/4/ Each one of those colored blocks represents a div full of content. Originally I wanted to also have the jQuery .click() method alter the actual HTML ordering of the Divs, and change them the css positioning from relative t
  3. Rodrigo, I was looking at the Fiddle you supplied but I'm noticing that even after I speed up the animation, it's a little buggy finishing up the animation when you hover over the animating div. It's either really not smooth or the div just runs away lol. I feel as if I can live with the ease animation issue, more importantly though, do you have any thoughts on how I can take care of my other problem? It's really the only thing preventing me from actually implementing it to my website. Not sure if you saw my edit from my previous post but this is what I wrote: Thanks!
  4. Awesome! Thank you so much for helping me, you guys rock. I attempted to use a tweenLite timeline but I wasn't having a whole lot of luck with it, I didn't realize the information had to be stored in a var. Edit: Two final questions though. -I'd like the easing animations to be different on when the mouseOut event occurs. With the last Fiddle you sent me, when you reverse the animation, the easeOut animation displays first, then the element disappears. I've tried using the overwrite:"all" and "auto" method and redefining the ease method on the mouseOut event, but that seems to screw up t
  5. Right, of course it would help to have the code to see... Here is my JSFiddle: http://jsfiddle.net/K6mxC/2/ I have changed the method in which I try to achieve "pinching." Instead of using the skewX() command, I realized that by adding transform perspective and 3D rotation along the X axis that I could achieve almost exactly what I was planning on doing. The pinch does in fact work, however, I have found that I have a whole slew of new problems. When I was originally setting up the code I had everything centered. It took me a rather long time to figure out how to get the child div (
  6. What I'm trying to do is create an effect similar to the iOS-like window minimization effect, only it will as a hover function. I have most of it put together so far, but what I came to GSAP originally for, I'm finding to be very difficult (yup, I converted from previously using CSS3 for animations.) I thought the skew command would work but it's not doing what I'd like. Basically what I want is for the top 2 corners of a box to pinch inward, then tween into a full square. The point of this is to make it appear that it's coming flying at you from far away, much like the text from our favorite