10 个有用免费 CSS3 强大工具

12个有助简化CSS3开发的工具

2011/05/18 · HTML5 ·
CSS3,
HTML5

Web 开发人员能通过CSS3为网站设计增添很多时尚元素,CSS3
对CSS规范做了很大的改进。现在,本文将为你介绍12款有助于简化CSS3开发的工具。

1、CSS3Pie

允许在IE上使用CSS3绝大部分的酷炫功能。

2、CSS3 Builder

通过该工具,你可以用类似应用photoshop特效的界面来设计复杂的CSS3
box模型。非常节约时间。

3、CSS3 Drop shadow
generatr

通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。

4、Cascadr

非CSS3特有但却非常实用。允许输入HTML代码并能够侦测该代码中所有的内联CSS,将之从HTML中移除并添加到一个单独的样式表中。

5、Border Radius.com

当前最流行的CSS3属性之一。有助于快速创建圆角box模型并获取适当的CSS3代码。

6、Button Maker

允许创建出色的按钮。使得CSS3
按钮设计变得非常简便——只需采集颜色,调整半径,获取代码,粘贴代码至CSS文件即可。

7、CSS3 Generator

使用便利,有助于创建最流行的CSS3属性代码,如 @font-face, RGBA,
text-shadow,border-radius等代码。

8、Modernizr

用于侦测浏览器是否支持CSS3,能为元素添加类以此在样式表上对特定浏览器功能进行定位。例如,当浏览器不支持多样背景时,”no-multiplebgs”就将被添加到元素上。

9、HTML5 & CSS3
Support

想知道IE
8是否支持”text-shadow”属性?那就看看这张图表吧!该图表展示了所有主流浏览器所支持的CSS3属性,极具实用性。

图片 1
(点击查看大图)

10、CSS3 Gradient Generator

渐变生成器。只需采集颜色、预览颜色,抓取代码并粘贴代码即可。

11、CSS3 Please

非常有用的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。

12、CSS3 Cheat
Sheet

CSS3 cheat sheets有助于在编码过程中快速记忆属性及其语法。Smashing
Magazine
创建了这个图表,支持下载与打印。同时支持.gif格式预览。

原文:Jean-Baptiste
Jung    译文:oschina

赞 1 收藏
评论

图片 2

CSS 3
现在是非常模块化的,他规范了添加级联样式表,它拥有一些优秀的功能,革新了
Web 版式和设计。

虽 然有很多优点,但是,这并不意味着它不会有任何缺点
CSS3的是新的技术,虽然有很多改善。但最大问题之一是,浏览器的兼容问题,这意味着它是不容易实现跨浏览器。开发者需要添加额外的代码来实现跨浏览器
的属性相同的方式。但你不必担心,许多工具可在那里,为您提供帮助。最好的部分是,这些工具允许完全定制,这意味着任何人都可以轻松地使用他们。


1。css3generator

图片 3

顾名思义,它可以让开发人员生成各种CSS3属性的跨浏览器的片段。他含有定制功能,如边界半径,文字阴影,RGBA,边框的大小调整等。所有你所要做的的是点击下拉菜单,然后生成你想要的代码效果


2。CSS3
Maker

图片 4

这是一个方便的工具,它拥有一个下拉菜单和其他许多不同的选项框大小,轮廓的样式和颜色等其他样式,简单地说,输入你期望的值代码自动生成预览。然后,你可以下载代码。


3。Button
Maker

图片 5

设计时尚的3 –
D按钮的工具。与按钮制作,只需移动滑块来调整的顶部和底部的渐变,悬停背景颜色,悬停文本颜色等,以得到您想要在任何按钮。


4。CSS3的PIE

图片 6

它具有一个快速演示和一些控制,执行了一些CSS3的像边界半径,边框阴影和线性渐变属性。只需移动控制,你会看到实时效果。看看生成的代码。


5。css3gen

图片 7

这是初学者开发的最棒,非常容易使用的工具。只需使用一个渐进的布局控制:创建圆角,任何框元素添加阴影效果,并产生不同的播放效果。此工具也可以指定代码的浏览器的兼容性

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website