Some Awesome CSS Based Buttons

Hello Friends! Today i am going to share a collection of CSS buttons that can be used by you for your webpages for various purposes. As i already told you above , these buttons are mainly based on CSS. They provide your blog a great look without compromising with the speed or load time of your page.

Some Awesome CSS Based Buttons

Live Demo

The collection i have include various types and are mainly taken from most popular sites among the world like Google , Facebook , Amazon etc. So lets get started to add them on your blog.

Some Awesome CSS Based Buttons

Google Red With White Text Button

Google Red with White Text

Facebook Blue with White Text Button

Facebook Blue with White

Gmail Gray with Black Text Button

Gmail Gray with Black Text

Google Blue Button

Google Blue Button

Facebook Like Button

Facebook Like Button

Dropbox Blue Button

Dropbox Blue Button

Google Chrome Blue Button

Google Chrome Blue Button

Windows Phone Red Button

Windows Phone Red Button

Amazon Yellow and Black Button

Amazon Yellow and Black

Google Nexus Green Button

Google Nexus Green Button

How To Use These CSS Buttons and Customizations

To use these buttons simply paste the code of respective button you like wherever you want to use it.

You may change the settings of these buttons as per your requirement by replacing the content of respective parameters. For example – You can change the width , border radius , margin or whatever you like. Also, change the value of “href” attribute to point the button to any web page or mailto email address.


Leave a Comment

  • Disqus
  • Google Plus