Tooltip to Gallery Transition
by Mary Lou
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.
+ more#page-transition
Inline Layout Switch Ideas
by Mary Lou
Two ideas for animating images from an inline layout to a column or grid-based one.
+ more
Unreveal Effects for Content Previews
by Mary Lou
Some explorations of page transitions using covering elements and CSS clip-paths.
+ more
Large Image to Content Page Transition
by Mary Lou
A simple scroll effect and page transition inspired by Vitalii Burhonskyi's Dribbble shot.
+ more
Tiny Grid Layout Animation
by Mary Lou
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
+ more
How to Create a Cover Page Transition
by Mary Lou
Today we are looking under the hood of a page transition based on Vitalii Burhonskyi's Dribbble shot.
+ more
Image To Grid Transition
by Mary Lou
A simple transition where a large image animates to its place in a grid.
+ more
Stack to Content Layout Transition
by Mary Lou
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
+ more
Image Trail Animation for an Intro
by Mary Lou
An intro animation concept with an initial loader and an intro screen that animates to a new layout using various effects.
+ more
Lines to Content Layout Animation
by Mary Lou
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
+ more
Expanding Rounded Menu Animation
by Mary Lou
An expanding menu animation with a cover unreveal effect in the background.
+ more
Alternate Column Scroll Animation
by Mary Lou
A grid layout with columns that scroll in opposite directions and a content preview animation.
+ more
Grid Zoom Layout
by Mary Lou
A simple image grid layout where a small grid image zooms to become larger while a content view opens.
+ more
SVG Overlay and Infinite Menu Background Animation
by Mary Lou
A little menu effect with an SVG overlay and an infinite background CSS animation.
+ more
Kinetic Typography Page Transition
by Mary Lou
A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level.
+ more
Menu and Thumbnail Stack Animation
by Mary Lou
An animation on an image stack for a menu where the images get rearranged from a column into a row.
+ more
Layout with Reveal Animations and Content Preview
by Mary Lou
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
+ more
Inline to Menu Link Animation
by Mary Lou
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
+ more