Creative Link Effects
by Mary Lou
An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.
+ more#hover
Caption Hover Effects
by Mary Lou
A tutorial on how to create some subtle and modern caption hover effects.
+ more
Creative Button Styles
by Mary Lou
Some creative and modern button styles and effects for your inspiration.
+ more
Simple Icon Hover Effects
by Mary Lou
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
+ more
Sticky Captions Concept
by Mary Lou
A little trick on how to make captions of thumbnails or items "sticky" in order to stay visible in the window or viewport.
+ more
Circle Hover Effects with CSS Transitions
by Mary Lou
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.
+ more
3D Thumbnail Hover Effects
by Mary Lou
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 Mary Lou
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 Mary Lou
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 Mary Lou
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 Mary Lou
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 Mary Lou
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 Mary Lou
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 Mary Lou
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
Hover Slide Effect with jQuery
by Mary Lou
Today we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover […]
+ more
Neat Photo Hover Effect with CSS Sprites and jQuery
by cody
Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering […]
+ more