网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进。现在,本文将为你介绍12款有助于简化CSS3开发的工具。
1、CSS3 Pie :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480909/e419c88e-792a-3bce-b111-d823bcecd6a9.png)
允许在IE上使用CSS3绝大部分的酷炫功能。
2、CSS3 Builder :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480911/4d34bd6e-4c27-3e73-80c4-d69af5fba75d.png)
通过该工具,你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。
3、CSS3 Drop shadow generatr :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480913/9ccf27d4-f335-3bb0-b916-6528269ede37.png)
通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。
4、Cascadr :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480915/b07f823a-fc5a-37d3-ba69-0f686421457e.png)
非CSS3特有但却非常实用。允许输入HTML代码并能够侦测该代码中所有的内联CSS,将之从HTML中移除并添加到一个单独的样式表中。
5、Border Radius.com :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480917/57c89c9e-9af0-3fab-95ae-67533144510a.png)
当前最流行的CSS3属性之一。有助于快速创建圆角box模型并获取适当的CSS3代码。
6、Button Maker :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480919/19801a75-b989-33ba-973b-ebe09b909cd9.png)
允许创建出色的按钮。使得CSS3 按钮设计变得非常简便——只需采集颜色,调整半径,获取代码,粘贴代码至CSS文件即可。
7、CSS3 Generator :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480921/40368e5f-e105-383c-9833-e3d57b62b180.png)
使用便利,有助于创建最流行的CSS3属性代码,如 @font-face, RGBA, text-shadow, border-radius等代码。
8、Modernizr :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480923/6ae602a3-0277-3a30-a7d8-6d8ae819a86d.png)
用于侦测浏览器是否支持CSS3,能为<html>元素添加类以此在样式表上对特定浏览器功能进行定位。例如,当浏览器不支持多样背景时,"no-multiplebgs"就将被添加到<html>元素上。
9、HTML5 & CSS3 Support :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480925/a7ddc6dd-8ca8-310a-b5d5-219ed3f7c880.png)
想知道IE 8是否支持"text-shadow"属性?那就看看这张图表吧!该图表展示了所有主流浏览器所支持的CSS3属性,极具实用性。
10、CSS3 Gradient Generator :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480927/ef9e8bfe-25b0-3d7b-949e-53c44cb5dd07.png)
渐变生成器。只需采集颜色、预览颜色,抓取代码并粘贴代码即可。
11、CSS3 Please :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480929/cbb35212-b227-3b01-a067-5c576d288620.png)
非常有用的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。
12、CSS3 Cheat Sheet :
![点击查看原始大小图片](http://dl.iteye.com/upload/attachment/480931/dbfce210-bc46-3590-ad40-d1b4353cc316.png)
CSS3 cheat sheets有助于在编码过程中快速记忆属性及其语法。Smashing Magazine 创建了这个图表,支持下载与打印。同时支持.gif格式预览 。