Responsive Web Button CSS Library – Btns.css

Category: CSS & CSS3 | June 10, 2014
Views Total:915 views
Official Page:Go to website
Last Update:June 10, 2014


Responsive Web Button CSS Library – Btns.css


Btns.css is a lightweight (~3kb minified) CSS library created by mrmrs to create responsive web buttons with subtle CSS3 transition effects.

How to use it:

Include the btns.css in the head section of your Html document.

<link rel="stylesheet" href="css/btns.min.css">

Create a responsive button with default styles by adding class="btn" to your <a> tag.

<a href="#" class="btn">Default button</a>

Size styles. Small  = .btn–s Medium = .btn–m Large  = .btn–l

<a href="#" class="btn btn--s"> <a href="#" class="btn btn--m"> <a href="#" class="btn btn--l">

Layout utility for responsive buttons.

<a href="#" class="btn btn--full">


<a href="#" class="btn btn--black"> 
<a href="#" class="btn btn--white"> 
<a href="#" class="btn btn--gray"> 
<a href="#" class="btn btn--gray-dark"> 
<a href="#" class="btn btn--gray-border"> 
<a href="#" class="btn btn--blue">

You Might Be Interested In:

Leave a Reply