Letter Effects and Interaction Ideas (Part 2)
by Manoela Ilic
A new set of letter effects and animations for playful typography interactions.
+ moreby Manoela Ilic
A new set of letter effects and animations for playful typography interactions.
+ moreby 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.
+ moreby Manoela Ilic
A couple of ideas for typography animations and letter (hover) effects for playful interactions.
+ moreby 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 f
+ moreby Manoela Ilic
Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item.
+ moreby Manoela Ilic
Some ideas for hover animations with a fancy tilt effect. Inspired by the hover effect seen on the Kikk 2015 website.
+ moreby Manoela Ilic
A fun experiment with proof-of-concepts for various simple media pop ups on hover or touch. The idea is to show images, videos or other media in a pop up style with
+ moreby Manoela Ilic
An interactive transparency background effect that makes images visible when specific points are hovered, showing some content once clicked.
+ moreby Manoela Ilic
A couple of styles and inspiration for responsive, flexbox-based HTML pricing tables.
+ moreby Manoela Ilic
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth ef
+ moreby Manoela Ilic
A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas.
+ moreby Manoela Ilic
A second set of styles was added to the collection of subtle hover effect ideas. The old set was updated and we've added some fresh effects with various transitions.
+ moreby Manoela Ilic
A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking
+ moreby Manoela Ilic
Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements.
+ moreby Manoela Ilic
Some inspiration for creative and modern inline anchor styles and hover effects using different techniques like pseudo-element transitions and SVGs.
+ moreby 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.
+ moreby Manoela Ilic
The website of Carl Philipe Brenner has some very creative and subtle animations and today we want to explore how to recreate a border animation effect using CSS tra
+ moreby Manoela Ilic
Today we'd like to share some subtle effects and styles for simple dot navigation with you. These styles could, for example, be used for a page scroll navigation or
+ more