Menu and Thumbnail Stack Animation
In Playground
An animation on an image stack for a menu where the images get rearranged from a column into a row.
In Playground
An animation on an image stack for a menu where the images get rearranged from a column into a row.
In Playground
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
In Tutorials
Learn how to recreate the direction-aware marquee menu hover effect seen on the website of K72 by Locomotive.
In Playground
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
In Playground
A simple thumbnail hover effect with an SVG filter distortion.
In Tutorials
A quick tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion hover effect.
In Playground
A rotated 3D like letters hover effect combined with a tilted image for a menu.
In Playground
A grid layout with a magnetic 3D interaction effect and a content preview animation.
In Playground
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
In Playground
A distributed letters animation in the context of a triple panel layout with hover effect.
In Playground
An experimental slideshow using clip-path to create shape transitions between slides.
In Playground
Exploring some experimental circular SVG text effects for an intro animation.
In Playground
Some inspiration for button hover animations using CSS only.
In Playground
A couple of simple & subtle CSS-based line hover animations for links.
In Playground
A small set of examples showing how letters can be animated on scroll.
In Playground
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
In Playground
Two simple intro animations where an image stack moves to become a grid.
In Playground
An inline menu layout with a playful hover animation and a gallery content preview panel.