CSS3 渐变 透明 圆角

              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;像素值越大圆角越明显。

   

posted on 2011-05-13 18:05  大浩子  阅读(2647)  评论(0编辑  收藏  举报

导航