Double Image Hover Effects with Clip-Path Animations
by Manoela Ilic
Some ideas for hover effects using clip-path animations where the same image gets revealed in a creative way.
+ moreby Manoela Ilic
Some ideas for hover effects using clip-path animations where the same image gets revealed in a creative way.
+ moreby Manoela Ilic
A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy's website.
+ moreby Manoela Ilic
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
+ moreby Manoela Ilic
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
+ moreby Manoela Ilic
A simple and fun hover effect with repeated image layers that get scaled up and down.
+ moreby Yuri Artiukh
A coding session that deconstructs the ripple effect seen on homunculus.jp.
+ moreby Manoela Ilic
An animation on an image stack for a menu where the images get rearranged from a column into a row.
+ moreLearn how to create an interactive superhero-like illustration effect for the web using SVG filters and masks.
+ moreby Manoela Ilic
Learn how to recreate the direction-aware marquee menu hover effect seen on the website of K72 by Locomotive.
+ moreby Manoela Ilic
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
+ moreby Manoela Ilic
A simple thumbnail hover effect with an SVG filter distortion.
+ moreby Manoela Ilic
A quick tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion hover effect.
+ moreby Manoela Ilic
A rotated 3D like letters hover effect combined with a tilted image for a menu.
+ moreby Manoela Ilic
A grid layout with a magnetic 3D interaction effect and a content preview animation.
+ moreby Manoela Ilic
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
+ moreby Manoela Ilic
A distributed letters animation in the context of a triple panel layout with hover effect.
+ moreby Manoela Ilic
Exploring some experimental circular SVG text effects for an intro animation.
+ moreby Manoela Ilic
Some inspiration for button hover animations using CSS only.
+ more