Responsive Web Button CSS Library – Btns.css

Category: CSS & CSS3 | June 10, 2014
Author:mrmrs
Views Total:823 views
Official Page:Go to website
Last Update:June 10, 2014
License:MIT

Preview:

Responsive Web Button CSS Library – Btns.css

Description:

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">

Skins.

<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