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.
Searching for "hover effects"
We've found 64 results.
Animated Custom Cursor Effects
In Playground, by Manoela Ilic
Some ideas for interactive custom cursor animations using SVG filters.
Image Distortion Effects with SVG Filters
In Playground, by Manoela Ilic
Three distortion effects powered by SVG filters that are applied to an image when hovering a link.
Text Distortion Effects using Blotter.js
In Playground, by Manoela Ilic
Some text distortion experiments using the Blotter.js library. The idea is to distort text as we scroll or move the mouse.
Letter Effects and Interaction Ideas (Part 2)
In Playground, by Manoela Ilic
A new set of letter effects and animations for playful typography interactions.
Letter Effects and Interaction Ideas
In Playground, by Manoela Ilic
A couple of ideas for typography animations and letter (hover) effects for playful interactions.
Inspiration for Search UI Effects
In Playground, by Manoela Ilic
A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.
Inspiration for Button Styles and Effects
In Playground, by Manoela Ilic
A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.
Simple Stack Effects
In Playground, by Manoela Ilic
A set of simple stack effects for inspiration. The main idea is to have one item shown initially and then, on some trigger, more items are revealed as decoration. As seen in image grids or on scroll websites as creative effect.
Creative Link Effects
In Playground, by Manoela Ilic
An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.
Neat Photo Hover Effect with CSS Sprites and jQuery
In Playground, by cody
Here is a very nice effect for photos or some black and white images....
4 Exclusive Demos: Slideshows & Typographic Animations
In Playground, by Manoela Ilic
Four distinct demos, from image slideshows to on-scroll typography and hover effects.
Organic Shape Animations with SVG clipPath
In Playground, by Manoela Ilic
Some shape morphing hover effects on images using SVG clipPath. The idea is to create an organic, fluid feel by animating several elements on hover.
Cubes Advent Calendar
In Playground, by Manoela Ilic
A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations.
Inspiration for Inline Anchor Styles
In Playground, by Manoela Ilic
Some inspiration for creative and modern inline anchor styles and hover effects using different techniques like pseudo-element transitions and SVGs.
Arrow Navigation Styles
In Playground, by Manoela Ilic
Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.
Glitch Effect Slideshow
In Playground, by Manoela Ilic
A simple slideshow that uses the CSS Glitch Effect for the slide transitions.
Folder Preview Ideas
In Playground, by Manoela Ilic
Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what’s inside.
