Crafting a Scrollable and Draggable Parallax Slider
In Tutorials, by Ruud Luijten
A tutorial on how to build a slider with an interesting parallax effect that you can either scroll or drag through.
slider
React Slider with Parallax Hover Effects
In Tutorials, by Ryan Mulligan
Walk through the build of a React slider and learn how to implement a parallax hover effect.
Draggable Menu with Image Grid Previews
In Playground, by Manoela Ilic
A draggable inline menu with a scattered thumbnail preview of an image grid.
Draggable Image Strip
In Playground, by Manoela Ilic
A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.
Crossroads Slideshow
In Playground, by Manoela Ilic
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Zoom Slider
In Blueprints, by Manoela Ilic
A simple content slider with depth-like zoom functionality for a predefined area in each slide.
Motion Blur Effect with SVG
In Tutorials, by Lucas Bebber
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
Prism Effect Slider with Canvas
In Tutorials, by Claudio Calautti
A tutorial on how to create a slider with a “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique.
Draggable Dual-View Slideshow
In Playground, by Manoela Ilic
An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.
Google Grid Gallery
In Blueprints, by Manoela Ilic
A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.
How to Create a Simple Multi-Item Slider
In Tutorials, by Manoela Ilic
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.
Slider Pagination Concept
In Playground, by Manoela Ilic
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.
Elastislide Revised
In Articles, by Manoela Ilic
Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be specified.
Slit Slider Revised
In Articles, by Manoela Ilic
Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be “cut open” into two slices and moved away, revealing the next or previous slide. The slider can be used in a responsive context and it has been updated and improved.
Slicebox Revised
In Articles, by Manoela Ilic
Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.
Vertical Showcase Slider with jQuery and CSS Transitions
In Tutorials, by Manoela Ilic
A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We’ll be using jQuery, CSS Transitions and media queries to make the layout adaptive.
Happy Birthday! 3 Years of Codrops
In Articles, by Team Codrops
Happy Birthday, Codrops! We are turning 3 today! We want to thank all of you and share some highlights of the past years.
Triple Panel Image Slider
In Tutorials, by Manoela Ilic
A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.
