Jump to content

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


  • Posts

  • Joined

  • Last visited

About MadG

MadG's Achievements

  1. @PointC your reverse tween idea works like a charm. Thanks!
  2. @PointC can you get me started on the right track to accomplishing this using SplitText?
  3. 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!
  4. Nevermind, all. I was able to fix this issue just by getting rid of my scroll-controller div and putting the scrollTrigger directly on the body instead. Thanks!
  5. Hi all, I have the following site - hyvolt.herokuapp.com - which I had asked some animation questions about the other day. I'm running into another issue now. The progress of the whole site above 1200px is controlled by scrollTrigger. I have a background .scroll-controller div that the scrollTrigger is looking at, then all of the content of my site is in a position:fixed div and moves left, right, up or down depending on the scrollTrigger. It's working perfectly fine on desktop, but not working on my fiancee's iPad. I've been able to hack it into working by setting position: absolute and z-index: 10000 on the scroll-controller div, but I have buttons within my content that need to be clicked and it's now covering those up. Any quick workarounds to make that div scrollable without having to move it to the very top of the z-index stack?
  6. @OSUblake thanks! Yeah, I was able to pretty easily replace my left and top. If the client will give me enough time to do so, I'm going to try the viewBox animation recommended above, which looks very nifty. Thanks for your help!
  7. @nico fonseca just for my own education, why is it a no-no to animate the parameters you listed above?
  8. Awesome, thanks for the extra review and advice! I think the lottie stuff may be out of my hands - my on-staff animator is already a little fed-up with me, lol. I had asked about exporting as SVG instead of PNG and he said he was having trouble because of the complexity of some of the gradients and such. I will definitely go through and remove my top/left/height/width stuff though, and I'll see what I can do about maybe only getting lottie files for the animated elements.
  9. Hey all. I have a mock website up on Heroku right now and trying to do some finishing touches on troubleshooting. The site is hyvolt.herokuapp.com. If you visit on mobile, select "Solutions" from the nav menu, then swipe right, you'll see the animation in question. It's a pretty complex combination of zoom, positioning, and morphSVG tweens, and for everyone on our team the animation is a little glitchy on iOS Safari in particular. Any suggestions on how we may be able to smooth that out a bit?