Div+Css教程：CSS开发工具介绍（3）_div+css教程_H5之家

Div+Css教程：CSS开发工具介绍（3）

10. CSS3Ps : Convert Your Photoshop Layers into CSS3 Styles

CSS3Ps 是一个免费的基于云端的 Photoshop 插件，用来将 PhotoShop 的图层转成用 CSS3 实现的方式，外观完全一致。您可以选择多个图层和图层组，一键转换。行程转换为CSS边框属性。内阴影，内发光，阴影，外发光转换成CSS的box-shadow属性。您可以在浏览器中看到的结果样式，并与其他人分享。它适用于Windows或Mac OS X和Photoshop CS3及更高版本。最重要的是，它是完全免费的！

11. Photon

Photon 是一个JavaScript库，实现了在三维空间中的任何元素添加简单的照明效果。为了制造出效果，它采用了WebKitCSSMatrix的对象（WebKit是唯一支持的浏览器引擎）。光的角度可以定义，并随时更改所提供的功能。这是可能被点亮一个由一个或一组一次来定义对象，我们可以通过设置的最大黑色+白色用法自定义的效果。

12. Morf.js

Morf.js 提供了一组 JavaScript 方法用于加速 CSS3 的各种转换效果，支持的方法都在上图中，无需编写 CSS3 代码。

13. Gumby : Responsive CSS Framework

Gumby 是一个响应式的以及 960 像素宽度的 CSS 网格框架，支持 PC、平板和手机屏幕显示。类似 Twitter 的Bootstrap，它包括一个Web UI工具包，有好看按钮，表格，导航+标签和一个很小的JavaScript文件

14. Css2Less

css2less 是一个用 Ruby 开发的小工具用来将 css 转成 Less CSS 格式的文件。

15. CSS3 Shapes
使我们能够创造出许多不同的形状，造型的单个元素。包括三角形，菱形，星形，注释气泡，鸡蛋，心脏和更多的样式。

下一篇：{教程}Div+Css教程：CSS开发工具介绍（2）人气:2008

div+css视频教程