venn

Members

Community Answers

venn's post in Clipping issue in SVG was marked as the answer October 17, 2016

I have updated my pen.
I moved my clipping mask along with the tween. That's y.
venn's post in DrawSVG changing the direction of how the path moves was marked as the answer February 4, 2016

I spent a bit more time in experimenting different values and manage to get to something close to it.
spinnerTimeline.fromTo("#circle", 1, {drawSVG:"0%"}, {drawSVG:"20% 100%"}) .fromTo("#circle", 1, {drawSVG:"100% 20%"}, {drawSVG:"100% 100%"}) .to("#circle", 2, {rotation:"360", transformOrigin:"50% 50%"}, 0);
venn's post in GSAP can't detect SVG created in Framer.js? was marked as the answer January 4, 2016

Alright. Solved it.

See the Pen MKJqrO by vennsoh (@vennsoh) on CodePen

The Framer document has specifically mentioned this.

To reliably get a reference to a DOM element, use layer.querySelector or layer.querySelectorAll.
http://framerjs.com/docs/#layer.html