Hover.css: Colección de efectos hover con CSS3

Stay hungry, stay foolish

Steve Jobs

Hover.css es una colección de más de 40 efectos hover creados con CSS3 y que pueden ser aplicados a elementos HTML como botones, imagenes, links, etc. La colección esta disponible en CSS y SASS.

Para implementarlo solo tenemos que descargar los archivos desde hover.css y dentro de la pagina incluir los archivos necesarios.

<link rel="stylesheet" type="text/css" href="css/hover.css">

Posteriormente solo tenemos que agregar a los elementos HTML la clase button y el efecto que se desee aplicar

<a href="#" class="button hover-shadow">Efecto hover-shadow</a>

Si lo deseas puedes personalizar el estilo de los botones y efectos directamente en el archivo hover.css