rahim

@OSUblake, Thanks for your help with this! This makes complete sense, and the MDN docs were super helpful. I can totally see where I was going very wrong. Much appreciated!

Hey guys, I'm still having sooo much trouble with this. I just don't know what i'm doing wrong! I'm trying to get the effect above to work on all of the buttons in a page. Tried giving the buttons different class names and creating a separate timeline for each, tried giving them all the same class name then selecting all of them and using a .forEach( ). Still can't get anything to work. Can anyone please explain what's going on here??? I know I'm doing something wrong here, I'm having so much trouble with GSAP! I've included the codepen below. Thanks for all of your! https://codepen.io/rrspence/pen/eYYRMme

Sure! Here's the link to the codepen. (Sorry I couldn't figure out how to embed on a reply) https://codepen.io/rrspence/pen/GRREqMZ

Hi there! I was able to get the animation to work using the technique above. Thanks for your help with that! My goal is to have the line to act as a border on a button that runs the animation on hover. However, I’ve only been able to get the animation to run when hovering over the line which is really small, and it ends up animating multiple times anytime the mouse touches that area. Is there any way to increase the hover area so the animation runs when the mouse touches the whole button? Thanks for your help!

Oh this is great! Exactly what I was trying to accomplish. Thanks again @mikel!!

Hi there! I've been going at this for a while now, so thought i'd ask for some help. ? I'm trying to create a button where the border around it is drawn on hover. I used an SVG since so I there could be a space there for an arrow. I don't have the DrawSVG plugin, so I coded it with plain javascript. I was able to get the animation to work on hover, however the full border remains there before and after the hover. Is there a way to make this happen using TweenMax without DrawSVG? Thanks for your help!

Thank you @mikel! I knew I had to be missing something... ?

Hello, I'm new to animation with GSAP and very new to coding in general... I'm practicing GSAP making some rectangles rotate and move with the mouse, and I was able to get it to work, but now when I try to add new elements and effects the document, nothing nothing seems to be work. It also causes the mousemove effect to stop working. I know I'm probably doing this completely wrong... Would anyone be able to explain what's going on here? Also, I know my code is a mess, so if you think there's a better way to get this to done I would love your feedback! Thanks so much! Rahim