Member-only story
A rotating slider with controls uses a circle ckip-path. Note, because Internet Explorer/Edge do not support the Clip-path property, this will not work in those browsers.
GitHub here
step1:
link rotating-slider.css, jquery, and rotating-slider.js
step2:
HTML
Build the DOM : .rotating-slider>ul.slides>li>.inner
step3:
css
Give 6 slides in different colors or backgrounds.
step4:
js