Line style navigation menus

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

Line style navigation menus

Hover.css v2

Hover.css (v2) is a collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

Hover.css v2

New subtle hover effects with CSS3

Some new creative and subtle hover effects using modern CSS techniques including 3D translate and pseudo elements. A collection by Codrops.

New subtle hover effects with CSS3

SVG hover effect

Here is an experimental hover effect created with SVG and inspired to Google Glass. Coded by Zach.

SVG hover effect

Shape hover effects with SVG

Here is a tutorial for creating awesome hover effects with SVG. An article written by Codrops team.

Shape hover effects with SVG

Shape masking + Zoom CSS effect

Here is a fantastic CSS tutorial by Kevin Liew about showing images with shape masking and a cool zoom effect.

Shape masking + Zoom CSS effect

Product item hover effect

An amazing product item CSS hover effect for ecommerce websites. It is made width both CSS and Javascript. Created by Emil Møller.

Product item hover effect

CSS Caption Hover Effects

A Codrops tutorial on how to create some subtle and modern CSS caption hover effects. For some of the effects it uses 3D transforms.

CSS Caption Hover Effects

Simple icon hover effects CSS

Some simple icon hover effects with you. The idea is to create a subtle and stylish effect using CSS transitions and animations.

Simple icon hover effects CSS