Preview to Full Content Page Transition
By Mary Lou on
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
By Mary Lou on
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
By Mary Lou on
A distributed letters animation in the context of a triple panel layout with hover effect.
By Mary Lou on
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
By Mary Lou on
An inline menu layout with a playful hover animation and a gallery content preview panel.
By Mary Lou on
A layout with a menu and background image grid that animates to an inner content page.
By Mary Lou on
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
By Mary Lou on
A short tutorial on how to achieve a motion hover effect on a background image grid.
By Bri Camp Gomez on
Learn how to code up an interesting design with a cutout image look using CSS Grid and clip-path.
By Daniel Velasquez on
A tutorial on an experimental 3D layout technique for HTML elements with endless possibilities.
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.