Jump to content

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


  • Posts

  • Joined

  • Last visited

Community Answers

  1. venn's post in Clipping issue in SVG was marked as the answer   
    I have updated my pen.
    I moved my clipping mask along with the tween. That's y.

    See the Pen gwdjkv by vennsoh (@vennsoh) on CodePen
  2. venn's post in DrawSVG changing the direction of how the path moves was marked as the answer   
    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);
  3. venn's post in GSAP can't detect SVG created in Framer.js? was marked as the answer   
    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.