Member-only story

Rotating Slider jQuery Plugin

YvonneDev
May 20, 2019

--

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

html

Build the DOM : .rotating-slider>ul.slides>li>.inner

step3:
css

Give 6 slides in different colors or backgrounds.

step4:
js

--

--

YvonneDev
YvonneDev

Written by YvonneDev

❤️Front-end Web Development self-taught *share what I learned*

Responses (1)