Sticky Captions Concept
A little trick on how to make captions of thumbnails or items "sticky" in order to stay visible in the window or viewport. ... read more
hover
Three Script Updates
The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub. ... read more
Circle Hover Effects with CSS Transitions
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations. ... read more
3D Thumbnail Hover Effects
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery. ... read more
How to Create a Fast Hover Slideshow with CSS3
A little fast-running image slideshow that plays on hover and pauses when mousing out. The current image will stay visible. ... read more
Direction-Aware Hover Effect with CSS3 and jQuery
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. ... read more
How to spice up your menu with CSS3
Quick tip on how to spice up your menu with CSS3: add an image to every menu item and slide it out on hover. ... read more
Thumbnail Proximity Effect with jQuery and CSS3
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 ... read more
Item Blur Effect with CSS3 and jQuery
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 ... read more
Hover and Click Trigger for Circular Elements with jQuery
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' ... read more
Animated Buttons with CSS3
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 ... read more
Original Hover Effects with CSS3
By Alessio Atzeni 134 Comments
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 ... read more
Hover Slide Effect with jQuery
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 ... read more
CSS button with hover effect
Inspired by the nice download button on the jquery homepage I created this button with a hover effect. It uses opacity options for all browsers. You can see a demo h ... read more