純CSS3實現的內容滑塊(Slider)和教程

jopen 11年前發布 | 32K 次閱讀 CSS3

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.

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!