纯CSS3实现的内容滑块(Slider)和教程

jopen 8年前

WOW Slider

纯CSS3实现的滑块和教程

WOW Slider is a responsive jQuery image slider with amazing visual effects. When Javascript is not supported, it will have a pure CSS fallback, thus it's listed in this post as well.

 

Gallery CSS

纯CSS3实现的滑块和教程

A free pure css3 gallery, however if you want to learn how it's made, you can buy the screen cast which covers the whole development process.

 

Pure CSS Cycling Slideshow

纯CSS3实现的滑块和教程

A detailed tutorial from Smashing Magazine, they discuss how to create an infinitely looping slider of images using only CSS3 animation.

 

Solitary CSS3 Slider with rotation transition

纯CSS3实现的滑块和教程

A pure CSS3 slider I found from cssdeck. The transition effect is quite fancy.

 

Simple Auto Playing Slideshow

纯CSS3实现的滑块和教程

A quick and simple CSS slider from CSS-Trick.

 

Pure CSS Featured Image Slider

纯CSS3实现的滑块和教程

A tutorial by Joshua Hibbert.

 

CSS3 Image Slider

纯CSS3实现的滑块和教程

A tutorial by Simon Picos, hosted in CSSDesk also.

 

Learn how to use Target CSS

纯CSS3实现的滑块和教程

Instead of blindly following someone else's code, you can learn how to utilize :target to create a slider with Joshua Johnson's tutorial

 

Responsive Slider CSS3

纯CSS3实现的滑块和教程

A responsive CSS3 slider, with a little bit help from Javascript.