首页 > 建站资源 > 实用工具 > 正文

免费的在线CSS3样式可视化生成工具介绍

2010-04-22 10:16:00 作者：Leeiio 来源：互联网

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

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

1.CSS3 Generator

CSS3 Generator

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

http://www.css3generator.com/

2.CSS3, please!

CSS3, please!

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

http://css3please.com/

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

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

相关热词：CSS3 CSS在线工具

分享到：

更多...

收藏至我的帐号

教程排行榜: QQ、淘宝、MSN、Skype在线状态代码生成方法; 四个免费的在线LOGO和徽章生成工具; 分享三款免费的在线字体设计工具; 十五个免费在线制作网站标志的工具; IE调试工具：Microsoft SuperPreview for IE(附下载); 18款Wordpress最佳的免费幻灯片画廊插件推荐; 解决eWebEditor编辑器在IE8中不能正常使用的方法; 四款可以整合到网站的网页版即时通信IM插件系统; 国外五款主流的免费网站流量统计工具; 三款字体辨认、查找、生成的免费在线字体应...; 21个可用于网站和博客的免费视频播放器插件; 实用的网站Web表单(包括WordPress插件)在线创建工具; 利用google翻译器制作多语种网站; 十七款用于Chrome的网页设计开发工具扩展; 六款网址代推、收藏与分享按钮工具推荐; WEB开发之调试利器—Firebug应用全介绍

下载排行榜: 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 简洁效果多图切换flash幻灯焦点图代码; 带标题和数字导航的JS焦点幻灯特效代码; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 31款简单实用的CSS+JS下拉菜单脚本; 3D立体效果金字塔环形旋转的flash+xml相册代码; 基于jQuery实现的瀑布流布局列表特效代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 超酷的3D摩天轮flash+xml相册幻灯图片代码; 自带多种幻灯效果支持缩略图导航的jquery画...; 能沿多个方向滑动切换的jquery幻灯代码; 可改图片尺寸和张数的flash幻灯轮换代码; 很好看的带缓冲效果CSS下拉菜单导航代码; 基于jquery很有趣的360度全景图片预览特效; 6屏幻灯上下滑动式带缩略图和文字介绍的fla...