当前位置:3016.com-金沙城中心官网 > 前端 > 【金沙城中心】12个有助简化CSS3开发的工具

【金沙城中心】12个有助简化CSS3开发的工具

文章作者:前端 上传时间:2019-10-14

11个有助简化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, 冠道GBA, 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

本文由3016.com-金沙城中心官网发布于前端,转载请注明出处:【金沙城中心】12个有助简化CSS3开发的工具

关键词: