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.
+ moreby Mary Lou
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
+ moreby Mary Lou
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
+ moreby Mary Lou
An expanding menu animation with a cover unreveal effect in the background.
+ moreby Mary Lou
A little menu effect with an SVG overlay and an infinite background CSS animation.
+ moreby Mary Lou
An animation on an image stack for a menu where the images get rearranged from a column into a row.
+ moreby Mary Lou
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
+ moreby Mary Lou
Learn how to recreate the direction-aware marquee menu hover effect seen on the website of K72 by Locomotive.
+ moreby Mary Lou
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
+ moreby Mary Lou
A quick tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion hover effect.
+ moreby Mary Lou
A rotated 3D like letters hover effect combined with a tilted image for a menu.
+ moreby Mary Lou
An inline menu layout with a playful hover animation and a gallery content preview panel.
+ moreby Mary Lou
A layout with a menu and background image grid that animates to an inner content page.
+ moreby Mary Lou
A couple of ideas for creative menu hover animations with images.
+ moreby Mary Lou
A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.
+ moreby Mary Lou
A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.
+ moreby Mary Lou
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
+ moreby Mary Lou
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.
+ moreLearn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
+ more