hover

Some More Subtle Hover Effect Ideas

By Mary Lou on

A second set of styles was added to the collection of subtle hover effect ideas. The old set was updated and we've added some fresh effects with various transitions. ...

Tooltip Styles Inspiration

By Mary Lou on

A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking ...

Arrow Navigation Styles

By Mary Lou on

Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects. ...

Dot Navigation Styles

By Mary Lou on

Today we'd like to share some subtle effects and styles for simple dot navigation with you. These styles could, for example, be used for a page scroll navigation or ...

Shape Hover Effect with SVG

By Mary Lou on

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 ...

Animated Opening Type

By Diego Pardo on

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 ...

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. ...

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 ...

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 ...

  • Page 1 of 2
  • 1
  • 2
  • >