在過去的幾年中，CSS已經(jīng)成為一大部分開發(fā)者和設(shè)計(jì)者的最愛，因?yàn)樗峁┝艘幌盗泄δ芎吞匦浴Ｃ總€月都有無數(shù)個圍繞CSS的工具被開發(fā)者發(fā)布以簡化WEB開發(fā)。像CSS 庫，框架，應(yīng)用這樣的工具能夠?yàn)殚_發(fā)者做很多事，而且可以使開發(fā)者創(chuàng)造出創(chuàng)新立異的WEB應(yīng)用。
?
在這篇文件章中我們找到了一系列對開發(fā)者有用的CSS庫，它們能幫助開發(fā)者在一定的期限內(nèi)取得有創(chuàng)造性和創(chuàng)新性的成果。我們希望這個列表能有助于您的開發(fā)并為您提供方便。盡情享受吧！
?
1. Kite
? 2. DynCSS
? |
? |
3. Progressjs
? 4. Hover.CSS
? |
? |
5. Spinkit
? 6. Magic CSS3 Animation
? |
? |
7.Bounce.js
Bounce.js是一個用來生成不錯的CSS3驅(qū)動關(guān)鍵幀動畫的工具。用于生成動態(tài)動畫的JS庫是在該工具中投入使用。簡單地添加一個組件，選擇預(yù)設(shè)，然后你就會得到一個短URL地址或者導(dǎo)出到CSS。 ? 8. ImaCSS
Imacss是用來將圖像文件轉(zhuǎn)換為數(shù)據(jù)地址的庫和應(yīng)用。該地址可以用來插入到CSS文件中作為背景圖片。本質(zhì)上來講，它能讓你減少所有你對你設(shè)計(jì)的圖片（如圖標(biāo)等）的HTTP請求，并使之能夠單個調(diào)用。 ? |
? |
9.Buttons
Buttons是一個可以創(chuàng)建高度自定義、靈活和現(xiàn)代感十足的web按鈕的CSS庫。該庫由Sass+Compass構(gòu)建，支持正方形、圓角矩形或 者圓形的按鈕，并且可選是否扁平以及其他自定義的效果（如發(fā)光）。所使用到的尺寸、顏色、效果和字體可以通過變量的幫助進(jìn)行修改，并且可以非常容易的進(jìn)行 擴(kuò)展。 ? 10.OdoMeter
OdeMeter是一個用來創(chuàng)建一些我們比較熟悉的如“汽車?yán)锍田@示，機(jī)場信息板或角子機(jī)”等效果或者面板的JavaScript-CSS庫。該庫 是獨(dú)立式+輕量級（3kb）的，使用CSS為效果進(jìn)行轉(zhuǎn)換，所以效率極高（當(dāng)然也有回退設(shè)置）。它簡單地將一個給定的元素轉(zhuǎn)換到另一個具有單行函數(shù)的預(yù)定 義的值。 ? |
? |
| ? |
11. Single Element CSS Spinner
? 12. Ani.js
? |
? |
13. Beautons
? 14. Saffron
? |
? |
15. CSS Shakes
? 16. Typebase.css
? |
? |
17. Sassline
? 18. TypeSettings
? |
? |
19. Type Rendering Mix
? 20. Hint.css
? |
? |
轉(zhuǎn)自： http://www.oschina.net/translate/css-libraries-for-developers
英文原文： 20 Useful CSS Libraries for Web Development
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
