Jump to content

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


  • Posts

  • Joined

  • Last visited

About MadG

MadG's Achievements

  1. @OSUblake that makes sense and I'll see if I can do that. Out of curiosity though, how would you handle it if the element you're animating has to set the width or height of its parent? Just manually remove the absolute positioning once it gets back in place?
  2. @OSUblake sure. This is a simple version of a site I'm working on where I have grid of photos. When I click a photo, the others fade out, and the photo moves into an absolutely positioned lightbox. The photo's lightbox position needs to always be in the same place on the page, vertically centered and then horizontally centered in the left half of the page. The photos are not all square, but before running the flip animation I'm getting the target photo's aspect ratio and setting the lightbox placeholder to the same aspect ratio. Then, on clicking the backdrop or a close button, the photo moves back into its place in the grid and all the other photos fade back in. Is that all making sense?
  3. Hey all, Little bug I'm trying to figure out the cleanest way to fix. In the codepen, clicking a box FLIP fits it to the top right of the screen, then clicking that same box in the top right FLIP fits it back to its position. However, when it moves back into position, it stays position: absolute. So, if you then click the second box in the first row, the first row collapses since it isn't fixed height. Is there a clean way to revert the item to all of its pre-FLIP style parameters without using .set ?
  4. See codepen. When I click the button, nothing happens for 5 seconds, then it jumps to the final state. Why isn't it tweening? Thanks!
  5. @akapowl makes almost too much sense! Thanks so much, it also worked on the project I'm actually working on.
  6. Hey all, I had this working yesterday, but I've now forgotten how. Can anyone tell me why why the gap on this grid is not animating back and forth but rather just snapping? Thanks.
  7. No problem at all, we love us some GSAP here at our agency. I do actually have one more question. Say I wanted the random bounds to increase on each repeat. So first go round they go random(0,500), then next round random(0, 750), etc etc. Is there a way i can accomplish that?
  8. Pretty simple question, just one I can't figure out an answer to! See codepen above. Rather than having all 10 boxes moving left and right according to the same random number, I want each of them to have a different random left and right value. How can I accomplish this?
  9. @PointC your reverse tween idea works like a charm. Thanks!
  10. @PointC can you get me started on the right track to accomplishing this using SplitText?
  11. Hi all, I'm sure there's a super simple answer to this question, but haven't been able to find it. I'm trying to use TextPlugin to erase one bit of text, then replace it with another. My problem is on the first tween, when I'm going from some text to an empty string, it's removing the characters from first to last. How do I reverse this so it looks like someone is backspacing? (In my example, removing the 'd' at the end of 'erased' first) Thanks!