Jaskiran Chhokar delivers this stunning 3D carousel created purely with HTML5 and CSS3. It transits automatically and pauses when hovering over an ...

Jaskiran Chhokar delivers this stunning 3D carousel created purely with HTML5 and CSS3. It transits automatically and pauses when hovering over an image, as well as zooming into it just enough to add a magnificent effect to the overall feel of the snippet. 

A CSS Carousel font showcase displaying each character of the alphabet as its own slide, and mapping the keyboard letter keys to their correspondin...

A CSS Carousel font showcase displaying each character of the alphabet as its own slide, and mapping the keyboard letter keys to their corresponding indexes in the carousel. It's fully responsive, features smooth transition animations and supports touchscreen 

A neat and responsive 3D perspective animated slider, created in CSS and JS by Codepen user Alex N with cues from Rachel Smith. The snippet consist...

A neat and responsive 3D perspective animated slider, created in CSS and JS by Codepen user Alex N with cues from Rachel Smith. The snippet consists of an image slider/carousel that, along with a discrete parallax effect on the image, has a smooth transition that, on click, takes you from one image to the next through a nice looking animation effect.

A really cool carousel that activates each area when you hover over it. It can be used to illustrate and teach kids about different topics, but it ...

A really cool carousel that activates each area when you hover over it. It can be used to illustrate and teach kids about different topics, but it can also be used to show and highlight products on a website.

A library of CSS demos that you can use as an alternative to JavaScript. It includes toggles, carousels, games, menus, animations and others, it in...

A library of CSS demos that you can use as an alternative to JavaScript. It includes toggles, carousels, games, menus, animations and others, it includes the option to try the demos included in the page.

Based on a Dribbble shot, this is a gorgeous carousel made with CSS and JS (showing an arrange of images that can be clicked). When you click on th...

Based on a Dribbble shot, this is a gorgeous carousel made with CSS and JS (showing an arrange of images that can be clicked). When you click on the images, they expand taking up all the space of the screen and showing the content inside. It combines cool chaining animations with good performance and a sort-of easy-to-maintain code.

A code snippet that features translucid containers for carousel generating that is visualized from a 3D perspective. This creation of edmundojr rot...

A code snippet that features translucid containers for carousel generating that is visualized from a 3D perspective. This creation of edmundojr rotates HTML content automatically through CSS3 transforms and stays for a while on each face of the carousel.

A cool snippet made in JavaScript and CSS that generates a completely flat and animated carousel. It activates when the user scrolls, but the butto...

A cool snippet made in JavaScript and CSS that generates a completely flat and animated carousel. It activates when the user scrolls, but the button on the left bottom corner can be clicked and it will show all the screens in one simple page to access them easily. The code was created and uploaded by Virgil Pana.

Gallery CSS is a simple and lightweight content slider built only with HTML and CSS that supports all HTML elements. It also provides a jQuery plug...

Gallery CSS is a simple and lightweight content slider built only with HTML and CSS that supports all HTML elements. It also provides a jQuery plugin version for Internet Explore 8. Among its features you find:- Support for Auto Play- Suport for transition animation between content- Custom controls- Bullet navigation- Pure CSS, not a script to be found

Here there's a simple carousel with different transition effects like vertical, horizontal, dissolving through colors, and fading images. You have ...

Here there's a simple carousel with different transition effects like vertical, horizontal, dissolving through colors, and fading images. You have the option to implement the version you like the most: in CSS or LESS, you can use as many images as you need, and it is supported in recent browsers.

This is a carousel with a nice transition in CSS. In this effect, the author used CSS3′s rotateZ property to rotate the image to 10 degrees once th...

This is a carousel with a nice transition in CSS. In this effect, the author used CSS3′s rotateZ property to rotate the image to 10 degrees once the respective navigation button is clicked and then fade it away, making it look charming. We can also use rotateY and rotateX properties to create a “flip” effect instead of the “rotation” effect shown here.

The actual slider is much like any JavaScript slider. It floats all of the content areas, or articles, next to each other, and then hides the overf...

The actual slider is much like any JavaScript slider. It floats all of the content areas, or articles, next to each other, and then hides the overflow.  After that, the margin of the inner div animates, so if we have five articles, moving the left-margin -100%, would give us the second article.To save input, the authors are using radio buttons. You could also use :target and anchor links, but it doesn't mimic Javascript in the same way as you would only be able to handle one action at a time, you would end up with a bunch of items in your history.

This is a rather complex HTML and CSS gallery. It has the regular slider controls but animated: they enlarge when hovered over, and the same happen...

This is a rather complex HTML and CSS gallery. It has the regular slider controls but animated: they enlarge when hovered over, and the same happens with the additional lateral controls, which basically do the same as the regular controls. It has a nice transparency, is overall, ready to implement in any website.

In this tutorial, the author teaches us how to create a container with overflow set to hidden. Inside that container, there will be created another...

In this tutorial, the author teaches us how to create a container with overflow set to hidden. Inside that container, there will be created another container with a width equal to the width of all the images added together. Also, inside that, the images float left with no padding or margin, and when clicking a control, the second container get moved to show the required image.

Here we have a  fluid slideshow created entirely in CSS. It can be controlled through the arrows, which are attached to the cursor, so when yo...

Here we have a  fluid slideshow created entirely in CSS. It can be controlled through the arrows, which are attached to the cursor, so when you place it on the left, an arrow will appear pointing left, and the same will happen in the opposite side, but pointing to the right. It can be controlled with the nav bar placed on top of the page.

Gallery is a simple, fast and good looking slideshow that uses some pretty advanced techniques like layout setup, CSS transitions, interactivity ac...

Gallery is a simple, fast and good looking slideshow that uses some pretty advanced techniques like layout setup, CSS transitions, interactivity achieved smoothly without scripts, advanced use of SASS and SCSS, CSS animations, and more.

Here, the idea was to create a compelling 3D carousel using CSS. It is pretty simple and only works in Webkit browsers. The transitions are fluid, ...

Here, the idea was to create a compelling 3D carousel using CSS. It is pretty simple and only works in Webkit browsers. The transitions are fluid, and with a bit of CSS it sure can be improved the style and appearance of it all. It was created with HTML, CSS and JavaScript by Chris Yaxley.