[Circular Carousel/Slider]

22 minutes ago, ag93 said:

Привет, извините, что снова открываю эту тему, это именно то, что я ищу, однако не могу понять, как сделать так, чтобы активный круг находился в центре внизу, а не в центре справа. Есть идеи?

 

 

 

gsap.set(items, { 
  motionPath: {
    path: circlePath,
    align: circlePath,
    alignOrigin: [0.5, 0.5],
    start: 0.25,
    end: i => (i / items.length) + 0.25,
  }, 
  scale: 0.9 
});

[Circular Carousel/Slider]

16 minutes ago, Cassie said:

 

done. problem with blue stripes. also points 1-8 are pressed against the circle when rotating

See the Pen gOjQgGK by vlad_fomin (@vlad_fomin) on CodePen

I would like to get the result like this. smooth movement to the desired point when clicking on it

See the Pen abbWoy by GreenSock (@GreenSock) on CodePen

[Circular Carousel/Slider]

27.11.2022 в 22:11, GreenSock сказал:

 

Привет. Пытаюсь использовать реализацию из примера, но если точки находятся на разном расстоянии от центра, анимация работает некорректно. 

See the Pen gOjQgGK by vlad_fomin (@vlad_fomin) on CodePen