zoukankan      html  css  js  c++  java
  • 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;像素值越大圆角越明显。

       

  • 相关阅读:
    css
    Git使用
    Github入门
    flask框架预备知识
    django框架预备知识
    JSON格式
    盒模型详解
    position属性详解
    float属性详解
    display属性详解
  • 原文地址:https://www.cnblogs.com/az19870227/p/2045760.html
Copyright © 2011-2022 走看看