Gooey Cursor Effect
by Manoela Ilic
A fun gooey cursor background effect with SVG filters and CSS blend modes.
+ moreby Manoela Ilic
A fun gooey cursor background effect with SVG filters and CSS blend modes.
+ moreby Manoela Ilic
Some ideas for hover effects using clip-path animations where the same image gets revealed in a creative way.
+ moreSeveral interactive cursor effects made with JavaScript and SVG.
+ 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 slideshow page layout with a filter enhanced navigation effect.
+ moreLearn how to create an interactive superhero-like illustration effect for the web using SVG filters and masks.
+ moreby Manoela Ilic
A simple thumbnail hover effect with an SVG filter distortion.
+ moreby Manoela Ilic
A couple of ideas for creative menu hover animations with images.
+ moreby Manoela Ilic
Some ideas for interactive custom cursor animations using SVG filters.
+ moreby Manoela Ilic
Some examples of how to use decorative distortion effects on big typography menu links.
+ moreby Manoela Ilic
A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.
+ moreby Manoela Ilic
A demo that shows how to animate SVG text on a path on scroll using the Intersection Observer API and SVG filters.
+ moreby Manoela Ilic
A set of playful dragging effects for images using various techniques.
+ moreby Manoela Ilic
A set of brutalist effects for mouse-following image trails that show a random series of images.
+ moreby Manoela Ilic
Three distortion effects powered by SVG filters that are applied to an image when hovering a link.
+ moreIn this last article of our SVG Filter Effects series, we share a list of useful resources to learn more about SVG Filters.
+ moreLearn how you can use the powerful SVG filter primitive <feTurbulence> to create your own textures and distortion effects.
+ more