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.
+ more#hover
3D Perspective Glitch Hover Effect
by 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.
+ more
Lines to Content Layout Animation
by 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.
+ more
Hover Preview Effect with Mini Map
by Manoela Ilic
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
+ more
Repetition Image Hover Effects
by Manoela Ilic
A simple and fun hover effect with repeated image layers that get scaled up and down.
+ more
Ripple Effect on a Texture with Three.js
by Yuri Artiukh
A coding session that deconstructs the ripple effect seen on homunculus.jp.
+ more
Menu and Thumbnail Stack Animation
by Manoela Ilic
An animation on an image stack for a menu where the images get rearranged from a column into a row.
+ more
Superhero Animation Effect with SVG Filters
Learn how to create an interactive superhero-like illustration effect for the web using SVG filters and masks.
+ more
How to Code the K72 Marquee Hover Animation
by Manoela Ilic
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 Manoela Ilic
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
+ more
Thumbnail Hover Effect with SVG Filters
by Manoela Ilic
A simple thumbnail hover effect with an SVG filter distortion.
+ more
How to Code a Crosshair Mouse Cursor with Distortion Hover Effect
by Manoela Ilic
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 Manoela Ilic
A rotated 3D like letters hover effect combined with a tilted image for a menu.
+ more
Magnetic 3D Grid Interaction with Content Preview
by Manoela Ilic
A grid layout with a magnetic 3D interaction effect and a content preview animation.
+ more
Preview to Full Content Page Transition
by Manoela Ilic
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
+ more
Distributed Letters Animation Layout
by Manoela Ilic
A distributed letters animation in the context of a triple panel layout with hover effect.
+ more
Circular SVG Text Animation
by Manoela Ilic
Exploring some experimental circular SVG text effects for an intro animation.
+ more
Ideas for CSS Button Hover Animations
by Manoela Ilic
Some inspiration for button hover animations using CSS only.
+ more