CSS3 渐变 透明 圆角
时间:2011-05-13 来源:恋爱的耗子
css的这些属性好像不同浏览器的支持不同,不过android的浏览器使用的是webkit内核,所以不用考虑兼容问题了。
渐变 background-image:-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)
例子: -webkit-gradient(linear, left top, left bottom, from(#810918), to(#B52026));
- 第一个参数指定渐变的类型,linear(线性)或 radial(径向)。
- 第二个参数指定渐变开始的坐标,可以是数字或百分比,也可以是关键字(如 left-top )。
- 第三个参数指定渐变结束的坐标。
- 第四个参数指定渐变开始的颜色。
- 第五个参数指定渐变结束的颜色。
透明:
透明的话直接添加属性opacity:value; value取值0-1,0代表透明,1代表完全不透明。opacity:0.1;
圆角:
圆角的属性-webkit-border-radius: 6px;像素值越大圆角越明显。
相关阅读 更多 +