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.
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.
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.
In Tutorials by 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 transitions on SVG lines.
In Playground by 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 a thumbnail preview, in a vertical or horizontal fashion.
In Tutorials by Manoela Ilic
In this tutorial we’ll recreate the hover effect as seen on The Christmas Experiments website. We’ll be using SVG for the shape and Snap.svg for animating it on hover.
In Tutorials by Diego Pardo
A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann’s Open Type project and it’s a very creative way to display and play with letters.
In Playground by Manoela Ilic
An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.
In Tutorials by Manoela Ilic
A tutorial on how to create some subtle and modern caption hover effects.
In Playground by Manoela Ilic
Some creative and modern button styles and effects for your inspiration.
In Playground by Manoela Ilic
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
In Playground by Manoela Ilic
A little trick on how to make captions of thumbnails or items “sticky” in order to stay visible in the window or viewport.
In Articles by Manoela Ilic
The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub.
In Tutorials by Manoela Ilic
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.
In Tutorials by Manoela Ilic
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
In Tutorials by Manoela Ilic
A little fast-running image slideshow that plays on hover and pauses when mousing out. The current image will stay visible.
In Playground by Manoela Ilic
How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.
In Tutorials by Manoela Ilic
Quick tip on how to spice up your menu with CSS3: add an image to every menu item and slide it out on hover.
In Tutorials by Manoela Ilic
Today we want to show you how to create a neat thumbnail proximity effect with jQuery. The idea is to scale thumbnails when hovering over them and also scale their neighbouring thumbnails proportionally to their distance. We’ll also make a description appear.