content logo

Learn CSS:

21 CSS Sliders

Source
devanswer.com
Dependencies
jquery/slick/TweenMax
Made With
HTML / CSS / JS
Responsive
Yes
Description

A full width slider with previewimg the text and previous images.

 

Source
devanswer.com
Dependencies
jquery
Made With
HTML / CSS / JS
Responsive
Yes
Description

Slider with rotating circular slides and texts.

 

Source
devanswer.com
Dependencies
-
Made With
HTML / CSS / JS
Responsive
Yes
Description

A Slider with interestign transition effect and text on the images.

 

Source
devanswer.com
Dependencies
jquery
Made With
HTML / CSS / JS
Responsive
Yes
Description

Circular slider with images and text.

 

Source
devanswer.com
Dependencies
normalize
Made With
HTML / CSS
Responsive
Yes
Description

Atomatic slideshow with rotation effect

 

Source
devanswer.com
Dependencies
jquery
Made With
HTML / CSS / JS
Responsive
Yes
Description

Slideshow with atomatic bar effect on slide change.

 

Source
devanswer.com
Dependencies
-
Made With
HTML / CSS
Responsive
Yes
Description

Slider with combination of text and images.

 

Source
devanswer.com
Dependencies
normalize / jquery/ TweenMax
Made With
HTML / CSS / JS
Responsive
Yes
Description

A slider with title , description and button for each slide.

 

Source
devanswer.com
Dependencies
-
Made With
HTML / CSS
Responsive
Yes
Description

Atomatic slider with zoom and rotation transition effect.

 

Source
devanswer.com
Dependencies
jquery/font-awesome/reset
Made With
HTML / CSS /JS
Responsive
Yes
Description

A slider with splitting effect for transition.

 

Source
devanswer.com
Dependencies
-
Made With
HTML / CSS /JS
Responsive
Yes
Description

A beautiful slider that can de flipped with the touch of a hand on a touch device or mouse in a lap top and is very suable for displaying store products.

 

Source
devanswer.com
Dependencies
font-awesome/jquery/slick
Made With
HTML / CSS /JS
Responsive
Yes
Description

A beautiful slider with three slides on each page and the middle slide is larger with a white background and the next slides are displaed with gray background.

 

Source
devanswer.com
Dependencies
normalize/jquery
Made With
HTML / CSS /JS
Responsive
Yes
Description

Slider for text,wich has a bar on the right side of the slider that represents the slide show and the slider bar items.

 

Source
devanswer.com
Dependencies
-
Made With
HTML / CSS /JS
Responsive
Yes
Description

A beautiful handheld slider that is used to dispaly your products and changes the animation of each slide wich gives a great effect to your work.

 

Source
javascriptfreecode.com
Dependencies
-
Made With
HTML / CSS /JS
Responsive
Yes
Description

A range input option is sometimes needed in HTML forms. You can make it more attractive by adding some effects to it. The following code put a bicycle rider on the range and makes it more attractive!

 

Source
htmlbestcodes.com
Dependencies
-
Made With
HTML / CSS
Responsive
Yes
Description

Accordion is a beautiful effect due to its nature of dependability. In this example various images have been encapsulated in an accordion. When they are hovered, they are expanded and become larger and colorful. This slider is responsive and fits itself to its patents' border.

 

Source
htmlbestcodes.com
Dependencies
font-awesome
Made With
HTML / CSS
Responsive
Yes
Description

We have a beautiful slider in pure CSS and HTML that is very useful for displaying photo galleries. The background of this slider is red, but you can change it to your desired color.

 

Source
htmlbestcodes.com
Dependencies
jquery/normalize/prefixfree
Made With
HTML / CSS
Responsive
Yes
Description

The following code is a beautiful slider with a frame around it that looks like a painting.

 

Source
htmlbestcodes.com
Dependencies
layerjs
Made With
HTML / CSS
Responsive
Yes
Description

The following code includes a responsive slider that can be used on any HTML page to display photos of the most important events or a gallery of portfolio images, etc.

#Beautiful CSS Sliders #Animating Css Sliders #Free Code For Sliders #CSS Sliders with Preview