Top 16 Excellent CSS3 Slideshow Examples Scripts
Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Fast CSS3 & JavaScript engine.
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
Beautiful CSS3 animationsThere are 4 animation effects based on pure CSS3: scale, slide, tilt and fade.Useful examplesYou can use these examples as a base for creation your own navigations simple and fast.
For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a simple navigation bar without drop downs to a combination of 2 mega menus on a same page. You also may notice some differences between browsers : some CSS3 effects like shadows or CSS3 slideshow tutorial are not showing up in Internet Explorer for example (for more informations on this topic, you can visit findmebyIP).
Here are a few examples of the possible usages :
Please note that some features don’t show up on some browsers, for example gradients or CSS3 transitions don’t work under Internet Explorer 7-8.
We have also included full documentation, examples pages and PSD files along with eight skins.Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.
In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
This is a jQuery content slideshow with thumbnails which is based entirely on HTML & CSS3 .Pure HTML5 /CSS3, no JavaScript
Many animation examples
10. jSliderPro
CSS3 and HTML5 only. Reference manual and hundreds of ready-to-use examples included in the provided package.
Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and wordpress youtube gallery
IE9 and IE8 transitions reduced to None CSS3 Transitions
See below the main features and click on Live Preview to see some examples.Easy to configure and use (Examples included);
CSS3 Animations / jQuery Fallback;
added example with CSS3 animation.
Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practises of HTML5, CSS3 transitions are used for all animations (with fallback). Script is used by top agencies and brands around the world, scroll down to see real world examples.Super smooth hardware accelerated CSS3 transitions for supported touch devices.Auto slideshow with optional pause on hover.Public methods, properties and callbacks (go to slide, play slideshow e.Please note that some of these examples are created with old version of RS (< 9.
Please check out the examples to see for example how a small preview view expands to a rich detailed panoramic view. Try our examples, check the sourcecode toggle and also resize the screen for a responsive preview. The given examples of the preview are included in the download zip and mean an awesome starting point to build your own Showbiz out of it. Fast CSS3 & jQuery Engine
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Some Examples:
3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow
Examples
Add new feature: Shuffle mode for slideshow