6款极具实用性的CSS工具

目前,随着CSS3的日益流行,开始有越来越多的网站使用CSS3了。可是,目前市面上并不是所有的浏览器都能很好的支持CSS3属性,可能需要对不同的浏览器编写相应的属性或者说是编写hack之类的。如果你也是一个刚开始学习CSS3的新手,就跟我一样,都想让自己提升得更快,那么在此推荐几款CSS3的工具,希望能对你有所帮助。这也是本人最近在网上以及在工作中所接触到的一些。

CSS3 Please!

CSS3 Please!是我师傅推荐给我的,是一个CSS3规则生成器。它允许你在线调正CSS属性,同时右侧的一个大大的CSS3,please圆角框内即展示了当前你所处的样式状态,即时预览,非常方便。接着,你就可以拷贝样式到自己的文件里了。

CSS3 Selectors Test

这是一个选择器的测试,它能自动运行一堆CSS选择器进行测试,以检查你的浏览器是否兼容这些样式。它将以绿色表示兼容的样式。你能点击查看每个CSS选择器的检测结果,它将以一个简单的样例来呈现。

CSS3 Transforms

你能在CSS3 Transforms里通过左侧的按钮来设置一堆不同的属性,比如位置,旋转,渐变程度等等。设置好之后就能迅速产生相应的代码。

CSS3 Gradient Generator

一款在线生成CSS渐变的工具。无论设计师还是开发者都能通过这个工具来生产相对CSS渐变代码。

CSS3 Button Maker

这个工具提供了很多按钮以及颜色选择器来帮你制作CSS3按钮。生成之后你能获取相应的CSS代码来用在自己的网站上。

Post a comment