Pure CSS Slider – without Javascript jquery sliders

5.24K views
no comments
12 Mar 2017 5:59 am

1. non jQuery Slider, pure CSS image slider

non jQuery Slider, pure CSS image slider

No more jQuery
No more Javascript
No more image icon
Create beautiful image sliders entirely in CSS

2. Pure CSS3 slider by aladin ben sassi

Pure CSS3 slider by aladin ben sassi

Pure CSS3 slider by aladin ben sassi
The dropdown menu doesn’t work in this demo. You need to download the code from github for the full version

3. Juizy slideshow Full CSS3/HTML5 slideshow

Juizy slideshow Full CSS3/HTML5 slideshow

Juizy Slideshow – Full CSS3/HTML5 slideshow with transition and animation

4. CSScience – CSS3 Responsive Slider / Carousel Using Radio Buttons

CSScience - CSS3 Responsive Slider / Carousel Using Radio Buttons

Responsive CSS3 Slider Without Javascript*
Full Support: Chrome, Firefox, Opera, Safari (latest versions of all browsers)
Partial Support: IE9 (Functional, but does not support transitions)

5. Pure CSS Featured Image Slider by Joshua Hibbert

Pure CSS Featured Image Slider by Joshua Hibbert

Pure CS Featured Image Slider by Joshua Hibbert

6. CSS Image Slider Tutorial – Without Javascript

CSS Image Slider Tutorial - Without Javascript

The step by step tutioral about building css image slider without using jquery or javascript. We also explain you how to add more or less images in the slider. This slider is pretty much light weight and load very fast. The slider have left/rigth arrow to swip the slider images.

7. HTML5 CSS-Driven Responsive Image Slider With Captions Dudley Storey

HTML5 CSS-Driven Responsive Image Slider With Captions Dudley Storey

HTML5 CSS-Driven Responsive Image Slider With Captions Dudley Storey

8. Pure CSS3 Cycle Slider

Pure CSS3 Cycle Slider

Pure CSS3 Cycle Slider

9. Attempt #1 CSS3 Clickable Slider BY John Motyl Jr

Attempt #1 CSS3 Clickable Slider BY John Motyl Jr

Attempt #1 CSS3 Clickable Slider BY John Motyl Jr

10. CSS Slider Pure CSS Slider. No JS. Because it is possieble! by Pure CSS Slider

CSS Slider Pure CSS Slider. No JS. Because it is possieble! by Pure CSS Slider

Say hello to CSS3
CSSlider is lightweight & easy to use slider. No JS – pure CSS.

11. Elegant Responsive Pure CSS3 Slider BY Rizky Kurniawan Ritonga

Elegant Responsive Pure CSS3 Slider BY Rizky Kurniawan Ritonga

Elegant Responsive Pure CSS3 Slider BY Rizky Kurniawan Ritonga

12. Pure CSS Slider BY Clear

Pure CSS Slider BY Clear

Pure CSS Slider BY Clear

13. CSS3 Image Collapse

CSS3 Image Collapse

a stylesheet for presenting a list of image slides that animate and expand on mouse-over – without JavaScript.
Unlimited number of image-slides Slide expanding is animated
Written with SASS and Compass
Easily customizable through SASS variables
No JavaScript, just CSS

14. Gallery Pure CSS Slider – Its Just HTML & CSS

Gallery Pure CSS Slider - Its Just HTML & CSS

Its just HTML & CSS, so the sky is the limit
Include gallery.css & gallery.theme.css

15. designmadeingermany.de – Pure CSS Slidershow

designmadeingermany.de - Pure CSS Slidershow

designmadeingermany.de – Pure CSS Slidershow
Design made in Germany 2010

16. NealGrosskopf.com l Create a JQuery Content Slider Using Pure CSS

NealGrosskopf.com l Create a JQuery Content Slider Using Pure CSS

NealGrosskopf.com l Create a JQuery Content Slider Using Pure CSS

17. A JavaScript Content Switcher That Works Without JavaScript

A JavaScript Content Switcher That Works Without JavaScript

A JavaScript Content Switcher That Works Without JavaScript
The content switcher above is fully functional without JavaScript, and even allows deep linking.

18. Three Labels for each Input – CSS Slider BY Kseso

Three Labels for each Input - CSS Slider BY Kseso

Gallery pre/next pure Css. No links

19. WOWSlider – Pure CSS Slider Example

WOWSlider - Pure CSS Slider Example

Visual Add HTML Code Embed your own Code within the web page with straightforward Insert-to-Page
Optimized for Google WOWSlider performs carefully with Search engine tips to produce the most efficient connection
Mobile WOWSlider makes your mobile-optimized view great – without changing anything

20. You Might Not Need Javascript – Image Slider

You Might Not Need Javascript - Image Slider

You Might Not Need Javascript
Usage: Presentational, Option to read or be skipped by screen reader, no user control over images.

21. Keyframes Slider 1 | A Stephen Scaff Joint

Keyframes Slider 1 | A Stephen Scaff Joint

Stupid Simple Slider Silky smooth
background image slider with css keyframes

22. CSS image slider w/ next/prev btns & nav dots by Avi Kohn

CSS image slider w/ next/prev btns & nav dots by Avi Kohn

A 100% pure CSS image slider with next/previous buttons
nav dots and image transitions.
Updated with simplified HTML and CSS
better image transitions and resized images.

NOTE:Your Email Address will be not shown and please do not add spamming comments because here is REL="NOFOLLOW" on your links and comments also moderated shown.
<code>Put html css or any language code under this tag</code>