• 技术文章 >web前端 >html教程

    使用css3背景渐变中的透明度来设置不同颜色的背景渐变 - jimmie.Mr

    2016-05-20 16:50:50原创806
    为了添加透明度,我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值,它定义了颜色的透明度:0 表示完全透明,1 表示完全不透明。rgba()后面的百分比表示位置。

    具体代码:

    background: -webkit-linear-gradient(top, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%);/* Safari、Chrome */
    
    background: -o-linear-gradient(bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%);/* Opera */
    
    background: -moz-linear-gradient(bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%);/* Firefox */
    
    background: linear-gradient(to bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%); /* 标准的语法(必须放在最后) */

    注意:Internet Explorer 9 及之前的版本不支持渐变。

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:使用css3背景渐变中的透明度来设置不同颜色的背景渐变 - jimmie.Mr
    上一篇:火狐和IE之间的7个JavaScript差异 - jerrylsxu 下一篇:CSS3径向渐变----大鱼吃小鱼之孤单的大鱼 - 北风吹雪
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 详解HTML内联标签iframe的使用!• 解析Table标签,不要再把td、th、tr搞混了!• 全方位整理与form表单相关的元素!• 总结HTML中a标签的使用方法及跳转方式• 总结介绍H5新晋级标签(附示例)
    1/1

    PHP中文网