Image Tilt Effect

By Mary Lou on

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth ef ...

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

  • Page 1 of 2
  • 1
  • 2
  • >