kathryn.crawford
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by kathryn.crawford
-
@OSUBlake, I have the other circle there because I planned to fade one out as the radius of both were tweened. I hadn't gotten to that part of the code yet, I just wanted to get the hover to work. And yeah, eventually one of the circles will be an image, and the other an svg element.
-
I'm trying to get this tween to work with an eventListener, and it works fine if I pull it out of it, but as soon as it's back in the event listener, nothing happens. I've also tried doing it with jquery and using .play() and .pause() and I am getting the same issue. I also tried setting the event listener to the clippath itself, rather than the circle, and no joy. No idea what's wrong here! I'm working directly off this other codepen and it works fine there. http://codepen.io/rorytawn/pen/OVeWNB
-
That's genius
-
@OSUblake, yes! Just on a much bigger scale. I think if I did that with my svg it would be way too much code, but maybe not. I'll give it a shot!
-
Thanks Jack! I like the canvas frames idea, and think I might try it. As always, you guys are the best!
-
I've got a complicated background image that I want to move subtly. I was thinking I could morph it back and forth between a few different versions, with the same number of polygons, but slightly different points/colors. As far as I can tell (I'm new to GSAP) morphsvg will only take one svg element and morph it into another, but doesn't morph one full svg into another. Maybe I can loop through an array of polygons in the svg to morph, but I think that would take forever and really bog down the site. I don't have to use morphsvg of course, but I can't think of anything else really that would give me a nice slightly shifting effect.
