D
D
Denis Bukreev2017-02-02 17:44:08
css
Denis Bukreev, 2017-02-02 17:44:08

How to make a curved slider?

So it goes.
I threw in the layout, because NDA:
0c5b05404d90486897f52fa0b0b1560a.png
Here's the point:
Products have a gradient size (similar to the dock in macOS), respectively, the selected one is the largest, the farther from it - the smaller the size.
You can select by clicking on the product, using the arrow buttons at the ends of the carousel and the slider in the lower left corner.
And this slider creates the most questions.
How can I make it so curved that the slider follows the curve?
And how to connect it with the carousel - track some coordinates? I don't represent at all.

Answer the question

In order to leave comments, you need to log in

3 answer(s)
M
Maxim Timofeev, 2017-02-02
@webinar

js + svg
Here is a simple example: ruseller.com/lessons.php?rub=2&id=2783 because I don't think there are curved ones.

W
whoisthere, 2017-02-02
@whoisthere

Dig in this direction.
Path Animation

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question