当前位置：首页 → 问答吧 → 10+个有用的CSS3简化开发工具

10+个有用的CSS3简化开发工具

时间：2011-05-25

来源：互联网

Web 开发人员能通过CSS3为网站设计增添很多时尚元素，CSS3 对CSS规范做了很大的改进。现在，本文将为你介绍12款有助于简化CSS3开发的工具。

1、CSS3Pie

　　允许在IE上使用CSS3绝大部分的酷炫功能。

2、CSS3 Builder

　　通过该工具，你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。

　3、CSS3 Drop shadow generatr

　　通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。

　4、Cascadr

　　非CSS3特有但却非常实用。允许输入HTML代码并能够侦测该代码中所有的内联CSS，将之从HTML中移除并添加到一个单独的样式表中。

5、Border Radius.com

　　当前最流行的CSS3属性之一。有助于快速创建圆角box模型并获取适当的CSS3代码。

6、Button Maker

　　允许创建出色的按钮。使得CSS3 按钮设计变得非常简便——只需采集颜色，调整半径，获取代码，粘贴代码至CSS文件即可。

7、CSS3 Generator

　　使用便利，有助于创建最流行的CSS3属性代码，如 @font-face, RGBA, text-shadow,border-radius等代码。

8、Modernizr

　　用于侦测浏览器是否支持CSS3，能为<html>元素添加类以此在样式表上对特定浏览器功能进行定位。例如，当浏览器不支持多样背景时，"no-multiplebgs"就将被添加到<html>元素上。

9、HTML5 & CSS3 Support

　　想知道IE 8是否支持"text-shadow"属性？那就看看这张图表吧！该图表展示了所有主流浏览器所支持的CSS3属性，极具实用性。

10、CSS3 Gradient Generator

　　渐变生成器。只需采集颜色、预览颜色，抓取代码并粘贴代码即可。

11、CSS3 Please

　　非常有用的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。

12、CSS3 Cheat Sheet

　　CSS3 cheat sheets有助于在编码过程中快速记忆属性及其语法。Smashing Magazine 创建了这个图表，支持下载与打印。同时支持.gif格式预览。

查看原文：http://www.catswhocode.com/blog/ ... fy-css3-development

作者: newyoungerit 发布时间: 2011-05-25

这个太实用了，谢谢分享

作者: devillq 发布时间: 2011-05-25

楼主发的东西太好了，拿来学习喽，