deals

premiumpacks & css carousel (17 items)

Carousel demos and snippets in CSS

freebies

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.

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, ...

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, Icon Fonts, 16:9 Aspect Ratio, Intros, Maps, Infographics, Tables, Calendars, Charts, and Much More! Get it for Only $19 (99% Off)

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.

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects fo...

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects for Illustrator & Photoshop, As Well As Paper Textures & Mockups Included, Get This Bundle For Just $14! (95% Off)

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

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includ...

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includes Extended License and Complete Documentation. Only $19 (95% Off)

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.

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $...

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $19 for a limited-time

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.

Lifetime Web Development Course Access, Over 19 hours of indepth courses on HTML, CSS, Javascript, jQuery, Bootstrap, PHP, AJAX, XML, and much more...

Lifetime Web Development Course Access, Over 19 hours of indepth courses on HTML, CSS, Javascript, jQuery, Bootstrap, PHP, AJAX, XML, and much more, Includes certificate of completion! Become a Web Development Ninja for Just $17! (94% off)

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.