Smooth Scrolling Image Effects
By Mary Lou on
A small set of ideas on animating images and other elements while smooth scrolling a page.
By Mary Lou on
A small set of ideas on animating images and other elements while smooth scrolling a page.
By Mary Lou on
A draggable inline menu with a scattered thumbnail preview of an image grid.
By Mary Lou on
A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.
By Mary Lou on
An experimental web layout where several image columns get animated out when a menu item is clicked.
By Daniel Velasquez on
A recreation of the sticky image effect seen on the websites of MakeReign and Ultranoir using three.js.
By Mary Lou on
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
By Mary Lou on
A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.
By Mary Lou on
A template where one can switch between little image previews that are scattered around the page. The images animate to a grid once an "explore" link is clicked.
By Mary Lou on
A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view.
By Mary Lou on
A slideshow with a "diagonal" look and three visible slides. A decorative background element expands to fullscreen when opening the content preview.
By Mary Lou on
A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
By Mary Lou on
An implementation of Gil Huybrecht's “Outdoors” design project powered by layered CSS grids.
By Mary Lou on
A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot "Surf Project" by Filip Slováček.
By Mary Lou on
Some layouts with sliced background images, slideshow functionality and glitch effect.
By Mary Lou on
An experimental page layout concept with a developer/designer theme and a special image reveal effect.
By Mary Lou on
A highly experimental 3D room layout for a gallery that aims to show exhibition details in an interesting way.
By Mary Lou on
Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau's and Method's website. The idea is to mirror an image and animate it within the context of a s
By Mary Lou on
A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experim