CSS3是最新的CSS样式标准,目前只有新的浏览器支持。CSS3可以代替网页中的众多图片效果,如果圆角、颜色渐变、阴影等。
下面按照功能对十款应用进行分类排序:
#颜色渐变
1.CSS3 Gradient Generator
CSS3 Gradient Generator是一款简单的颜色渐变代码生成器。用户只要选定了两种渐变所需的颜色,渐变的效果表现,就可以制作出各种绚丽的渐变效果。
收费:完全免费
帐号:无须注册
语言:英文
CSS3 Gradient Generator 使用地址:http://gradients.glrzad.com/
2.gradient-editor
gradient-editor是一个简易的在线编辑CSS3颜色渐变的小工具。可以设置测试块的大小以及图示化设计渐变颜色的颜色层。自带多种渐变效果。
收费:完全免费
帐号:无须注册
语言:英文
gradient-editor 使用地址:http://www.colorzilla.com/gradient-editor/
感谢 蛙盒子 的投稿
#圆角制作
3.border radius
border radius是一款简单的圆角代码生成器。用户仅仅通过输入圆角大小就可以得出不同浏览器内核的圆角CSS代码。
收费:完全免费
帐号:无须注册
语言:英文
border radius 使用地址:http://border-radius.com/
#按钮制作
4.i2style
i2style是一款在线CSS3按钮制作工具。这个工具只需根据网站内给定的选项进行设计,就可以让一些不懂CSS的人都可以制作出很炫酷的按钮图形。
收费:完全免费
帐号:无须注册
语言:英文
i2style 使用地址:http://www.sciweavers.org/i2style
感谢 蛙盒子 的投稿
#边界图形
5.border-image-generator
border-image-generator是一款用于生成网站边界图形的工具。用户可以上传图片,根据图片的用到的部分、大小、边界重复的效果做出各种各样的边界图形。
收费:完全免费
帐号:无须注册
语言:英文
border-image-generator 使用地址:http://www.wahezi.com/2011/kfsj_1112/30.html
#综合CSS3应用
6.CSS3 Please
CSS3 Please是一款有意思的CSS3生成器,在这个页面上你可以实时的编辑提供的各种效果CSS3样式,并且立即可以看到效果,你可以拷贝这些代码到自己的样式表中,应用到实际网站中。
收费:完全免费
帐号:无须注册
语言:英文
CSS3 Please 使用地址:http://css3please.com/
感谢 蛙盒子 的投稿
7.CSS 3.0 MAKER
CSS 3.0 MAKER 是一款相当好应用的在线CSS3代码生成器,对于所需要的效果,可利用其生成器进行调整设定,便能生成针对各种浏览器的支持度所需要的CSS3代码。
收费:完全免费
帐号:无须注册
语言:英文
CSS 3.0 MAKER 使用地址:http://www.wahezi.com/2011/kfsj_1113/34.html
8.westciv-css3-tool
westciv-css3-tool是一个很牛的在线CSS3编辑工具,可以自动生成多种效果如阴影、渐变、块层倾斜、空心字体等。打开页面拉到下面,根据自己的需求点开相应的应用即可!
收费:完全免费
帐号:无须注册
语言:英文
westciv-css3-tool 使用地址:http://westciv.com/tools/
感谢 蛙盒子 的投稿
9.Layer Styles
Layer Styles是一款CSS3样式在线生成工具,通过非常简单的设置一些参数就可以生成内外阴影、透明度、渐变色及圆角等属性的CSS代码,而且还提供非常直观的样式预览。
收费:完全免费
帐号:无须注册
语言:英文
Layer Styles 使用地址:http://layerstyles.org/
10.CSS3 Generator
CSS3 Generator是一款CSS3样式属性在线生成器。CSS3 Generato能够帮助你直接生成可供使用的CSS3属性代码,例如圆角、阴影等,可以实时预览效果,非常方便实用,不需要你手动编辑css代码。
收费:完全免费
帐号:无须注册
语言:英文
CSS3 Generator 使用地址:http://css3generator.com/
注:本文系蛙盒子(http://www.wahezi.com/)整理编辑发布,可以任意转载,但请在明显位置注明作者和出处。
感谢 蛙盒子 的投稿