3D Thumbnail Hover Effects
In Tutorials, by Manoela Ilic
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
hover
How to Create a Fast Hover Slideshow with CSS3
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.
Direction-Aware Hover Effect with CSS3 and jQuery
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.
How to spice up your menu with CSS3
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.
Thumbnail Proximity Effect with jQuery and CSS3
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.
Item Blur Effect with CSS3 and jQuery
In Tutorials, 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 we hover over them. The item in focus will scale up. This will create some kind of “focus” effect that drwas the attention to the currently hovered item.
Hover and Click Trigger for Circular Elements with jQuery
In Tutorials, 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’ events to be triggered only on the circular shape of the element and not its bounding box.
Animated Buttons with CSS3
In Tutorials, 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 styles, hover effects and active states.
Original Hover Effects with CSS3
In Tutorials, by Alessio Atzeni
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 CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example.
Hover Slide Effect with jQuery
In Tutorials, by Manoela Ilic
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 […]
Neat Photo Hover Effect with CSS Sprites and jQuery
In Playground, 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 […]
