Simple CSS Line Hover Animations for Links
by Manoela Ilic
A couple of simple & subtle CSS-based line hover animations for links.
+ more#hover
Inline Menu Layout with Gallery Panel
by Manoela Ilic
An inline menu layout with a playful hover animation and a gallery content preview panel.
+ more
Thumbnail to Full Width Image Animation
by Manoela Ilic
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
+ more
Magnetic Buttons
by Manoela Ilic
A small set of magnetic buttons with some fun hover animations.
+ more
Exploring Animations for Menu Hover Effects
by Manoela Ilic
A couple of ideas for creative menu hover animations with images.
+ more
Creating a Menu Image Animation on Hover
by Manoela Ilic
A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.
+ more
A Glitchy Grid Layout Slideshow
by Manoela Ilic
An experimental grid slideshow with a stack-like navigation and glitch effect.
+ more
How to Create a Motion Hover Effect for a Background Image Grid
by Manoela Ilic
A short tutorial on how to achieve a motion hover effect on a background image grid.
+ more
Morphing Gooey Text Hover Effect
by Manoela Ilic
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
+ more
Interactive WebGL Hover Effects
by Yuri Artiukh
A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps.
+ more
Rapid Image Layers Animation
by Manoela Ilic
A rapid animation of multiple layers of images for intros or page transitions.
+ more
CSS-Only Marquee Effect
by Manoela Ilic
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.
+ more
Animated Custom Cursor Effects
by Manoela Ilic
Some ideas for interactive custom cursor animations using SVG filters.
+ more
Ideas for Distorted Link Effects on Menus
by Manoela Ilic
Some examples of how to use decorative distortion effects on big typography menu links.
+ more
Background Scale Hover Effect with CSS Clip-path
by Manoela Ilic
A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.
+ more
Distorted Link Effects with SVG Filters
by Manoela Ilic
A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.
+ more
Creating a Distorted Mask Effect on an Image with Babylon.js and GLSL
Learn the basics of GLSL while creating a distorted mask effect on images using Babylon.js.
+ more
Making Gooey Image Hover Effects with Three.js
Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader.
+ more