Looking for a Sliding or Off-screen code snippet that made …
Free collection of HTML & CSS carousels snippets, including cards to full page styles.
You may also like: 15 Pure CSS Image Sliders/Carousel
FlexBox Image carousel
double exposure carousel slider
Double exposure is a photographic technique that combines 2 different images into a single image. Used that technique with canvas blend modes.
Super compact mobile-friendly carousel
A very simple implementation of a carousel that automatically changes slides. Supports both mouse and touch events.
Infinite autoplay carousel
Full-screen carousel Expose
Simple Synchronised Carousel
This is a simple, synchronized carousel between carousel on the back and carousel within the screen.
Pure CSS3 Text Carousel
This is a pure CSS text carousel for all your quotes and text scrolling needs.
Pure CSS carousel
Nice Responsive Testimonial Carousel
It’s a nice responsive testimonial owl carousel slider.
Simple jQuery Infinite Carousel
CSS Carousel with keyboard controls
Infinite Automatic Carousel
Simple Typing Carousel
Animated Carousel on CSS with Minimal JS
Carousel with animation
HTML and CSS material cards carousel
HTML and CSS horizontal carousels
Split 3D Carousel
A new spin on the carousel pattern with a split panel transition in three dimensions.
Moves left or right in relations to the mouse position inside carousel area.
3D Cube Carousel
Pure CSS, annotated linear carousel
This experimental carousel uses CSS pseudo-classes, attribute values, and sibling selectors to imitate a dynamic DOM state.
Multidirectional Email Carousel
Carousel type builds that scrolls over large background image using directional arrows. The background is moved by changing the ‘background-position’ on relative input checked state.
Easy scroll carousel with animation
Very easy to use carousel best for product pages and portfolios.