Teaching Newbies since 2014

kauress

  • Home
  • Javascript ❤
    • JavaScript
    • Node.js
  • WebDev Tuts
  • screencasts
  • Resources
  • VR & AR
  • Contact
  • Github
  • Twitter
  • YouTube
  • RSS
  • C++
You are here: Home / Web Dev / Twitter Bootstrap Ghost Social Media Buttons

December 30, 2015 by: Kauress

Twitter Bootstrap Ghost Social Media Buttons

I was bored so I coded a few ghost buttons. Nothing fancy, just ghost buttons with a hover on effect that has a border property set to none. So when you hover over the button, the border disappears . They’re responsive and no special media queries need to be set for these since they use Twitter Bootstrap’s  btn class.  These also  use  Font Awesome Icons 

[codepen_embed height=”362″ theme_id=”21518″ slug_hash=”adBQwL” default_tab=”result” user=”Kauress”]See the Pen <a href=’http://codepen.io/Kauress/pen/adBQwL/’>Font Awesome Twitter Bootstrap Social Icons</a> by Kauress (<a href=’http://codepen.io/Kauress’>@Kauress</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

CSS only toggle button
Twitter Bootstrap Simple Hover Buttons

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Copyright © 2021 ·Kauress