在过去的几年中，CSS已经成为大量开发人员和设计人员的首选，因为它提供了一系列的功能和特性。每个月，开发人员都会发布无数以CSS为中心的工具来简化Web开发。CSS库、框架和应用程序等工具可以为开发人员做很多事情，使开发人员能够创建创新的Web应用程序。在本文档章节中，我们找到了一系列对开发者有用的CSS库，可以帮助开发者在一定期限内实现创造性和创新性的成果。我们希望这个列表对您的开发有所帮助和方便。好好享受！1.KiteKite是一个灵活的布局助手CSS库。Kite使用inline-block而不是最新的CSS语法。它实用、易于理解且易于使用。kite的用法类似于flexbox：justify-content等，可以轻松创建复杂的模块。Kite基于OOCSS和MindBEMding，可以帮助您快速构建自己的组件。Kite支持几乎所有的浏览器，并且在MIT许可下。2.DynCSSDynCSS将你的CSS解析成-dyn-(attribute)规则。这些规则是模拟浏览器事件（例如滚动和缩放）的javascript表达式。结果应用于上述CSS属性。您可以使任何CSS属性动态化——前提是它可以被jQuery的css()方法写入。您可以通过附加-dyn-前缀并指定带引号的javascript表达式来执行此操作。3.ProgressjsProgressJs是一个JavaScript和CSS3库，可以帮助开发者创建和管理页面上所有元素的进度。您可以设计自己的进度条模板并轻松自定义。您还可以使用ProgressJs向用户显示内容加载（图像、视频等）的进度。它可以用在文本框、文本区域甚至整个主体上。4.Hover.CSSHover.CSS是有用的CSS3悬停效果的集合，可用于动作调用、按钮、徽标、特色图像等。很容易自定义或直接应用于您自己的元素。hover.css可以以多种方式使用；您可以将您喜欢的效果复制并粘贴到您自己的样式表中，也可以参考样式表。然后在你想要的元素上加上相应效果的类名就可以了。如果您只打算使用一种或几种效果，最佳做法是复制并粘贴一种效果。5.SpinkitSpin套件是一个很酷的加载动画CSS集合。Spinkit使用CSS动画来创建有吸引力且易于定制的动画。这个集合并不旨在为所有浏览器提供解决方案——如果您需要支持尚未实现CSS动画属性的浏览器（如IE9和更早版本），您需要检测这些动画属性并实施变通方法。6.MagicCSS3AnimationMagicCSS3Animations是一个具有特殊效果的CSS3动画库，您可以免费将其用于您的Web项目。简单参考CSS样式：magic.css或简化版magic.min.css。7.Bounce.jsBounce.js是一个用于生成漂亮的CSS3驱动的关键帧动画的工具。该工具使用了一个用于生成动态动画的JS库。只需添加一个组件，选择一个预设，您就会得到一个简短的URL或导出到CSS。#p#8。ImaCSSImacss是一个用于将图像文件转换为数据地址的库和应用程序。该地址可用于作为背景图像插入到CSS文件中。从本质上讲，它允许您减少对您设计的图像（例如图标等）发出的所有HTTP请求，并使它们成为一次调用。9.ButtonsButtons是一个CSS库，可以创建高度自定义、灵活且现代的Web按钮。该库由Sass+Compass构建而成，支持正方形、圆角矩形或圆形按钮，可以选择是否扁平等自定义效果（如发光）。使用的尺寸、颜色、效果和字体可以在变量的帮助下进行修改，并且可以非常容易地扩展。10、OdoMeterOdeMeter是一个JavaScript-CSS库，用来创建一些我们比较熟悉的效果或者面板，比如“汽车里程显示，机场信息板或者老虎机”。该库是独立的+轻量级(3kb)并使用CSS进行效果转换，因此它非常高效（当然还有回退）。它只是使用单行函数将给定元素转换为另一个预定义值。11.SingleElementCSSSpinnerSingleElementCSSSpinners是一个CSS螺旋动画加载的集合。每个旋转都包含一个div，使用带有文本“正在加载...”的“加载器”类。文本用于屏幕阅读器，可用作旧浏览器的后备状态。12、Ani.jsAniJS是一个CSS动画的语句处理库，可以让开发更方便，加快开发速度。它有据可查且易于使用。13.BeautonsBeautons是一个易于使用的库，用于创建漂亮、简洁的按钮。您可以将各种样式、功能等应用到按钮，包括更改它们的大小、启用它们等等。14.SaffronSaffron是一组Sass混合器和助手，可以非常简单地添加CSS3动画和过渡。只需在SASS声明中包含一个mixin，然后使用变量和mixin参数设置一些配置。使用Saffron，您可以完全控制动画和过渡的行为#p#15。CSSShakes这是摇晃“DOM”的CSS类的集合。16.Typebase.cssTypebase.css是一个最小的、可定制的字体样式表。它有less和SASS版本，因此可以轻松修改以适应现代Web项目。它提供了排版所需的所有基本工具，而无需添加任何其他设计内容。它是为项目开发和随着时间的推移修改而创建的，并且与normalize.css一起工作得很好。17.Sassline使用Sass&rems将文本设置为网络上的基线网格。Sassline可用于博客、原型设计和其他网络项目。它建议的基本字体样式和混合比例与基线网格非常吻合。为每个断点选择一个模块化尺度，它的运行时响应会更好。18.TypeSettings是一个基于模块化规模的Sass工具包，有Ems风格，垂直风格，响应比例基于标题。19.TypeRenderingMixTypeRenderingMix是一个小型JavaScript库，它允许仅在使用核心文本时应用样式（在iOS和OSX上），在保持高精度的同时实现更一致的渲染。20.Hint.cssHint.css是一个使用SASS仅使用CSS和HTML构建的提示库。该库使用数据属性、内容属性、伪元素和CSS3转换。tooltip简洁美观，带有箭头，可以放在父元素的任意一侧。英文原文：codegeekz.com，翻译：oschina.net
