Jump to content


Implementing Diaco's SVG Path range slider for curve and smooth curve

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts


I am taking Diaco's SVG path range slider as a reference and implementing it for some other types of SVG paths like curve and smooth curve.

In Diaco's case, he has given the value 'bezier' and the type as 'quadratic' for the SVG path type quadratic bezier curve.


What value should be given for a curve and for a smooth curve?

See the Pen aOzeNR by MAW (@MAW) on CodePen

Link to comment
Share on other sites

Please do not tag users 1 hour after posting to bring extra attention to your issue.

Your original post was at 6:30am local time. Everyone here does their best to address the issues as quickly as possible to the best of their ability as evidenced in your other, very similar thread here: 



Please provide an image or detailed description that clarifies what the difference is between a "curve" and "smooth curve".

I don't understand what you are trying to do.





  • Like 2
Link to comment
Share on other sites

I'd say the answer to this question is in your other thread. Go check it out, you'll have a two-for-one deal there. 




  • Like 3
Link to comment
Share on other sites

Hi Carl!

Apologies for being impatient and tagging users after a brief duration of time.


I got the answer that I was looking for in the other thread as rightly pointed out by Dipscom!


Link to comment
Share on other sites

Let it never be said GSAP fourms isn't value for money. :D


Wait for Black Friday, we'll be doing some crazy deals: Ask one question, get three answers, five jokes and a CorePen example snippet.

  • Haha 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.