Mundo Web

Botones y efectos hover CSS

Por 28/07/2016 enero 16th, 2017 Aún sin comentarios

Iba a colgar esta pequeña colección de efectos hover para botones como siempre, en plan de estar por casa, pero he encontrado algo que es genial para cualquier front-end developer, con el fin de ir probando código de forma rápida y sencilla y además con la posibilidad de poder ir guardándolo.

Se llama codepen y puedes visitar su web aquí.

La cuenta gratuita tiene un inconveniente, que todo el código que generes será público, pero vamos que a mi, como sabéis, me da igual, más público que iba a ser en mi blog… bueno, en definitiva, que me ha encantado y que lo usaré de aquí en adelante.

Comparto 5 efectos hover para dar estilo a tus botones:

  • Efecto relleno por capa superpuesta horizontal
  • Efecto relleno por superposición de capa vertical
  • Relleno de color gradual
  • Efecto resplandor simple
  • Efecto resplandor agresivo

Os dejo a través del siguiente embed los efectos css prometidos.

See the Pen Hover Effect by Daniel Villalba (@danielvillalba) on CodePen.dark

Si lo prefieres, puedes descargar un .zip con los archivos del proyecto por separado:

Descargar zip

Anímate a comentar

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.