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#menu
Letter Shuffle Animation for a Menu
by 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.
+ more
Expanding Rounded Menu Animation
by Mary Lou
An expanding menu animation with a cover unreveal effect in the background.
+ 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
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
How to Code the K72 Marquee Hover Animation
by Mary Lou
Learn how to recreate the direction-aware marquee menu hover effect seen on the website of K72 by Locomotive.
+ more
Inline to Menu Link Animation
by Mary Lou
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
+ more
How to Code a Crosshair Mouse Cursor with Distortion Hover Effect
by Mary Lou
A quick tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion hover effect.
+ more
Rotated 3D Letters and Image Hover Effect
by Mary Lou
A rotated 3D like letters hover effect combined with a tilted image for a menu.
+ more
Inline Menu Layout with Gallery Panel
by Mary Lou
An inline menu layout with a playful hover animation and a gallery content preview panel.
+ more
Menu to Inner Page Animation with Image Grid Background
by Mary Lou
A layout with a menu and background image grid that animates to an inner content page.
+ more
Exploring Animations for Menu Hover Effects
by Mary Lou
A couple of ideas for creative menu hover animations with images.
+ more
Creating a Menu Image Animation on Hover
by Mary Lou
A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.
+ more
An Infinitely Scrollable Vertical Menu
by Mary Lou
A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.
+ more
Morphing Gooey Text Hover Effect
by Mary Lou
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
+ more
CSS-Only Marquee Effect
by Mary Lou
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.
+ more
Building a Physics-based 3D Menu with Cannon.js and Three.js
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
+ more