Creative Button Styles
By Mary Lou on
Some creative and modern button styles and effects for your inspiration.
hover
Simple Icon Hover Effects
By Mary Lou on
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
Sticky Captions Concept
By Mary Lou on
A little trick on how to make captions of thumbnails or items "sticky" in order to stay visible in the window or viewport.
Three Script Updates
By Mary Lou on
The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub.
Circle Hover Effects with CSS Transitions
By Mary Lou on
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.
3D Thumbnail Hover Effects
By Mary Lou on
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
How to Create a Fast Hover Slideshow with CSS3
By Mary Lou on
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
By Mary Lou on
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
By Mary Lou on
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
By Mary Lou on
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
Item Blur Effect with CSS3 and jQuery
By Mary Lou on
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
Hover and Click Trigger for Circular Elements with jQuery
By Mary Lou on
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'
Animated Buttons with CSS3
By Mary Lou on
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
Original Hover Effects with CSS3
By Alessio Atzeni on
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
Hover Slide Effect with jQuery
By Mary Lou on
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 over them,
CSS button with hover effect
By Mary Lou on
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