Shape Hover Effect with SVG
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 hove
+ more#hover
Animated Opening Type
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
+ more
Creative Link Effects
by Manoela Ilic
An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.
+ more
Caption Hover Effects
by Manoela Ilic
A tutorial on how to create some subtle and modern caption hover effects.
+ more
Creative Button Styles
by Manoela Ilic
Some creative and modern button styles and effects for your inspiration.
+ more
Simple Icon Hover Effects
by Manoela Ilic
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
+ more
Sticky Captions Concept
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.
+ more
Three Script Updates
by Manoela Ilic
The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub.
+ more
Circle Hover Effects with CSS Transitions
by Manoela Ilic
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.
+ more
3D Thumbnail Hover Effects
by Manoela Ilic
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
+ more
How to Create a Fast Hover Slideshow with CSS3
by Manoela Ilic
A little fast-running image slideshow that plays on hover and pauses when mousing out. The current image will stay visible.
+ more
Direction-Aware Hover Effect with CSS3 and jQuery
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.
+ more
How to spice up your menu with CSS3
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.
+ more
Thumbnail Proximity Effect with jQuery and CSS3
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 n
+ more
Item Blur Effect with CSS3 and jQuery
by Manoela Ilic
Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once
+ more
Hover and Click Trigger for Circular Elements with jQuery
by Manoela Ilic
Today we want to share one possible solution to the circle hovering problem. We'll create a plugin that will take care of the 'mouseenter', 'mouseleave' and 'click'
+ more
Animated Buttons with CSS3
by Manoela Ilic
Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you. The idea is to create some animated link elements with different sty
+ more
Original Hover Effects with CSS3
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS
+ more