Closed amandablum closed 8 years ago
The way this is coded right now there are two different elements which swap on roll over. To make them morph/resize I'd have to rip it all apart. Did you show me this link before?
I didn't, it didn't seem that relevant. But I thought I was clear that this is where we'd need some js fanciness. it doesn't have to be this effect, but something to make it smoother, more interactive, etc. Its just really jumpy. If we just used CSS transitions, we don't even have to have 2 different elements. it can be one element, and we shift the width, height and position with a like, .5 second timeline. https://www.w3.org/TR/css3-transitions/#animatable-properties
On Mon, Apr 4, 2016 at 8:12 PM, cee notifications@github.com wrote:
The way this is coded right now there are two different elements which swap on roll over. To make them morph/resize I'd have to rip it all apart. Did you show me this link before?
— You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub https://github.com/amandablum/mindup/issues/87#issuecomment-205621530
This needs to be smoother in the transitions. Slower js transition, more hover action maybe as you go across so it feels more interactive. if, on large/medium using larger circles helps, go for it. might be helpful to know it was based on this idea: http://tympanus.net/Tutorials/InteractiveSVG/