buttons.css——可以與bootstrap融合的按鈕樣式庫

前言

Buttons 是一個高度可定製的、免費並且開源的按鈕 CSS 樣式庫。

.button是基本樣式

一、基本樣式

》形狀：長方、圓角長方、正方 、圓角正方 、圓（默認，button-rounded，button-pill，button-square,button-box,button-circle）

 

》顏色：灰、藍、綠、橙、紅、紫、黑（默認、button-primary、button-action、button-highlight、button-caution、button-royal，button-inverse）

 

》尺寸：微小、小、中、大、超大、巨大、自適（button-tiny、button-small、默認、button-large、button-jumbo、button-giant，button-block）

 

》文字樣式：大寫、小寫、首字母大寫、迷你大寫（-uppercase、-lowercase、-capitalize、-caps）

 

 

 

二、帶邊框與不帶邊框

》只有邊框

 

》無邊框

 

三、3D按鈕

 

四、突起樣式按鈕

 

五、帶陰影的按鈕

 

六、光暈效果

 

七、環繞效果

 

 

 

八、下拉菜單

使用的時候需要載入jquery.js和button.js

<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

<script type="text/javascript" src="js/button.js"></script>

 

轉載地址：點擊打開鏈接