CSS3随着浏览器的升级已经被越来越广泛的运用，合理的运用CSS3可以使你的网站更加美观，并且之前只能用js才能实现的效果也已经可以直接用 CSS3来实现。但是虽然如此，很多浏览器对CSS3的支持还都是通过其私有属性来达到支持的，鲜有直接对W3C的标准来实现的。诸如firefox的 -moz-和webkit的-webkit-属性前缀。

不过CSS3本身W3C也并未有正式版发布，现在还只是草案。下面我推荐两个很直观的，可视化的，自动生成CSS3样式代码的工具网站给大家。

1.CSS3 Generator

选择自己想要的CSS3属性，然后填写数值，右边便可直观的展示出效果了，然后你复制生成的样式代码即可。并且还列出了兼容这些样式的浏览器。可谓十分的方便。

http://www.css3generator.com/

2.CSS3, please!

这个看起来就更加的直观了，就像做填空题一样，在网页上填写相应的数值，右上角的元素就会呈现出相应的样式。如果你不需要组合这么多效果的话，关闭 掉某一些样式属性即可。可以点击“{toggle rule on} ”或者“{toggle rule off} ”来开启单项属性或者关闭。

http://css3please.com/

正如前面所说，CSS3目前还是个草案，并且因为浏览器的关系，目前只有非主流浏览器支持，你知道的，所谓的主流浏览器就是占据了半壁多江山的IE系列了。IE系列目前只有IE8支持很少一部分的CSS3，未来的IE9倒是或许值得期待。

CSS3组合的好用的恰当确实可以使页面显示的很美观，可是如果只是为了CSS3而CSS3，诸如乱用text-shadow只是为了文字阴影而阴影个人觉得使完全没有必要的。

两款CSS3样式可视化在线生成工具