两款CSS3样式可视化在线生成工具
2014-12-30 10:51
197 查看
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本身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样式在线生成工具
- 三款在线css3样式生成工具
- 帮助你生成纯CSS3动画开关效果的在线工具 - On/Off FlipSwitch
- 超酷的CSS3列表动画特效在线生成工具 - liffect
- CSS Animatie是一款在线制作CSS3动画的工具,可以在线直接制作CSS3动画效果,生成代码
- 帮助你生成纯CSS3动画开关效果的在线工具 - On/Off FlipSwitch
- 转:前端集锦:十款精心挑选的在线 CSS3 代码生成工具
- Westciv Tools主要为CSS3提供了渐变gradients、盒子阴影box-shadow、变形transform和文字描边四种在线生成效果的工具
- 十款好用的在线 CSS3 代码生成工具
- 10款精心挑选的在线 CSS3 代码生成工具
- 前端集锦:十款精心挑选的在线 CSS3 代码生成工具
- 14 个在线生成 CSS3 的工具
- 超酷的CSS3列表动画特效在线生成工具 - liffect
- CSS3 Generator提供了13个CSS3较为常用的属性代码生成工具,而且可以通过这款工具除了在线生成效果代码之外,还可以实时看到你修改的效果,以及浏览器的兼容性。
- 14 个在线生成 CSS3 的工具
- 推荐十款精心挑选的在线 CSS3 代码生成工具
- 挑选的在线CSS3代码生成工具
- 漂亮的CSS按钮样式集以及在线生成工具
- CSS3 Maker提供了10个最为常用的CSS3属性在线生成工具
- 前端集锦:十款精心挑选的在线 CSS3 代码生成工具