Crafting a Scrollable and Draggable Parallax Slider
By Ruud Luijten on
A tutorial on how to build a slider with an interesting parallax effect that you can either scroll or drag through.
By Ruud Luijten on
A tutorial on how to build a slider with an interesting parallax effect that you can either scroll or drag through.
By Mary Lou on
An inline menu layout with a playful hover animation and a gallery content preview panel.
By Yuriy Artyukh on
Learn some fun WebGL by reconstructing the beautiful scroll animations from Robin Noguier's portfolio.
By Mary Lou on
A layout with a menu and background image grid that animates to an inner content page.
By Mary Lou on
A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.
By Mary Lou on
An experimental grid slideshow with a stack-like navigation and glitch effect.
By Mary Lou on
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
By Chang Liu on
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu's new portfolio.
By Mary Lou on
A draggable inline menu with a scattered thumbnail preview of an image grid.
By Liam Egan on
A tutorial on how to create a visually distinct and accessible WebGL menu that builds from any given HTML navigation.
By Mary Lou on
An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.
By Mary Lou on
Some navigation style ideas for slideshows, pages and other components that require a navigation. Shown on the example of a vertical slideshow.
By Mary Lou on
A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation.
By Mary Lou on
Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.
By Mary Lou on
Today we'd like to share some subtle effects and styles for simple dot navigation with you. These styles could, for example, be used for a page scroll navigation or
By Mary Lou on
Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mob
By Mary Lou on
A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.
By Carrie Cousins on
Creative design that differ from the usual layouts can be quite difficult to imagine and execute but when done well, they can make some of the most interesting and e