CSS3 工具推荐(不断更)

收集一些实用的CSS工具,不断更新中,请持续关注。

一、代码生成工具

1.CSS Matic

CSS3 工具推荐(不断更)_第1张图片
CSSmatic是一个非营利性的 CSS 工具,目前包含4个很有用的工具,分别是:支持各种颜色和透明度的渐变工具,使用渐变工具,您可以创建渐变平滑的色彩变化效果和微妙的透明胶片;边框圆角工具可以帮助你方便的实现需要的圆角效果;噪声纹理可以帮助你创造奇妙的背景图案,能够实时预览结果;盒阴影工具可以控制模糊半径的变化,颜色变化,阴影大小,可以实现你想要的任何效果。

2.CSS3 Builder

CSS3 工具推荐(不断更)_第2张图片
css3 builder,很不错的很好的CSS3代码生成器,能够比较快速的生成阴影、渐变、圆角的代码。

3.CSS3 Generator

CSS3 工具推荐(不断更)_第3张图片
超全的 CSS3代码生成器,更全更强大。

4.CSS3 Click Chart

CSS3 工具推荐(不断更)_第4张图片
非常好的 CSS3效果演示,提供了示例代码。

5.CSS3 Button Maker

CSS3 工具推荐(不断更)_第5张图片
一个非常不错的 CSS3按钮制作工具。

6.CSS3 Transforms

CSS3 工具推荐(不断更)_第6张图片
一款强大的CSS3 旋转动画效果演示工具,即时生成代码。

7.CSS3 Preview

CSS3 工具推荐(不断更)_第7张图片
CSS3 preview,CSS3特性介绍及效果预览,也可以看看 css3 files。

8.CSS3 Playground

CSS3 工具推荐(不断更)_第8张图片
一个css3的圆角、阴影生成工具,可以 试试。

9.Mother Effing Text Shadows

CSS3 工具推荐(不断更)_第9张图片
3d文字在线生成工具,不妨 试一下,可以省去好多麻烦。

10.CSS3 Maker

CSS3 工具推荐(不断更)_第10张图片
很棒的CSS3代码生成工具,包括圆角、渐变、变形、动画、过渡、文字阴影、盒子阴影、嵌入字体等。 试一下吧,不容错过哟。

11.CSS3 PS

CSS3 工具推荐(不断更)_第11张图片
内阴影,内阴影,外发光,Ps可以实现的优美效果,CSS3弄出来太太太麻烦?!福音来了,这款插件可以轻松搞定。

12.动画工具Tool

CSS3 工具推荐(不断更)_第12张图片
腾讯ecd开发的CSS3 动画工具CSS3动画手册,着实赞一个。国人的成果顶顶顶。

13.Enjoy CSS

一个在线的CSS3编码工具,不容错过。

二、兼容工具

1.CSS3 PIE

CSS3 工具推荐(不断更)_第13张图片
众所周知,IE6-9在实现CSS3方面表现差劲,很多热衷于CSS3的童鞋心痛and无奈,现在好了,CSS3 PIE可以通过插件的方式支持ie6-9。试试看吧。

2.CSS3 selectors for IE

CSS3 工具推荐(不断更)_第14张图片
CSS3 selector for IE,实际项目中肯定会用到,因为我们不可能放弃IE。

3.PrefixFree

CSS3 工具推荐(不断更)_第15张图片

把你从繁杂的浏览器渲染前缀中解救出来,使用prefixfree吧。使用方式非常简单,参见鑫空间。

4.Browser Support

CSS3 工具推荐(不断更)_第16张图片

如果你需要查看不同浏览器下CSS的兼容性的话,这个工具肯定能帮你大忙,特别如果你想在你的项目中使用CSS3的话,这个工具肯定也是你不错的选择。

5. Can I Use

说到html5和css3的兼容性检查,Can I Use肯定不容错过。

持续更新中……

你可能感兴趣的:(css3,css3,工具推荐,tools)