Inline to Menu Link Animation
In Playground, by Manoela Ilic
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
hover
Thumbnail Hover Effect with SVG Filters
In Playground, by Manoela Ilic
A simple thumbnail hover effect with an SVG filter distortion.
How to Code a Crosshair Mouse Cursor with Distortion Hover Effect
In Tutorials, by Manoela Ilic
A quick tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion hover effect.
Rotated 3D Letters and Image Hover Effect
In Playground, by Manoela Ilic
A rotated 3D like letters hover effect combined with a tilted image for a menu.
Magnetic 3D Grid Interaction with Content Preview
In Playground, by Manoela Ilic
A grid layout with a magnetic 3D interaction effect and a content preview animation.
Preview to Full Content Page Transition
In Playground, by Manoela Ilic
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
Distributed Letters Animation Layout
In Playground, by Manoela Ilic
A distributed letters animation in the context of a triple panel layout with hover effect.
Circular SVG Text Animation
In Playground, by Manoela Ilic
Exploring some experimental circular SVG text effects for an intro animation.
Ideas for CSS Button Hover Animations
In Playground, by Manoela Ilic
Some inspiration for button hover animations using CSS only.
Simple CSS Line Hover Animations for Links
In Playground, by Manoela Ilic
A couple of simple & subtle CSS-based line hover animations for links.
Inline Menu Layout with Gallery Panel
In Playground, by Manoela Ilic
An inline menu layout with a playful hover animation and a gallery content preview panel.
Thumbnail to Full Width Image Animation
In Playground, by Manoela Ilic
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
Magnetic Buttons
In Playground, by Manoela Ilic
A small set of magnetic buttons with some fun hover animations.
Exploring Animations for Menu Hover Effects
In Playground, by Manoela Ilic
A couple of ideas for creative menu hover animations with images.
Creating a Menu Image Animation on Hover
In Tutorials, by Manoela Ilic
A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.
A Glitchy Grid Layout Slideshow
In Playground, by Manoela Ilic
An experimental grid slideshow with a stack-like navigation and glitch effect.
How to Create a Motion Hover Effect for a Background Image Grid
In Tutorials, by Manoela Ilic
A short tutorial on how to achieve a motion hover effect on a background image grid.
Morphing Gooey Text Hover Effect
In Playground, by Manoela Ilic
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
