How to Create and Animate Rotated Overlays
By Mary Lou on
A tutorial on how to create and animate rotated overlays, or "reveal" elements, for interesting page transition effects.
reveal
Crossroads Slideshow
By Mary Lou on
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Layer Motion Slideshow
By Mary Lou on
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
Multibox Menu
By Mary Lou on
A simple grid-powered multibox menu where the boxes get shown with a reveal animation coming from different directions.
Motion Reveal Slideshow
By Mary Lou on
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
Triple Panel Reveal Slideshow
By Mary Lou on
A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
Slice Revealer
By Mary Lou on
A reveal effect where animated slices cover and uncover an image. Inspired by Zhenya Rynzhuk's transitions experiments.
CSS Grid Layout Slideshow
By Mary Lou on
A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.
Block Reveal Effects
By Mary Lou on
Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decr
Item Reveal Animations with SVG
By Mary Lou on
An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.
Multi-Layer Page Reveal Effects
By Mary Lou on
A tutorial on how to create multi-layer page reveal effects with a couple of ideas for inspiration.