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

为了添加透明度，我们使用 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 及之前的版本不支持渐变。

转载于:https://www.cnblogs.com/jimmiehwang/p/5409542.html

使用css3背景渐变中的透明度来设置不同颜色的背景渐变相关推荐

CSS渐变颜色和浏览器前缀、opacity透明度以及设置多个背景图片写法
目录前言一.多个背景图片二.渐变颜色 1.线性渐变 2.径向渐变 3.浏览器前缀 4.opacity透明度写在最后前言在前面说了CSS怎样设置背景图片,与设置颜色的几种方式.如果你想查看可 ...
html中的透明度怎么设置,css透明度怎么设置？css中各种透明度的设置方法总结...
本篇文章给大家介绍一下css中透明度的设置方法,下面我们就来看看具体的内容. 不透明度和透明度根据定义,CSS中的不透明度和透明度定义了元素的可见性,无论是图像,表格还是RGBA(红绿蓝alpha) ...
仅仅有人物没背景的图片怎么弄_设置微信聊天背景里怎么就一张白色的,没有可供下载的背景图...
在新版的微信中,不仅仅是设置一个通用的聊天背景,还可以为每一个不同的聊天人设置不同的背景,怎样设置聊天背景呢,见下文. 为不同的聊天对象设置不同的背景 1.这是新版本微信的功能,对于旧版本请更新到新版 ...
html中视频透明度怎么设置,html图片怎么设置透明度
html图片设置透明度的方法:首先创建一个div:然后设置一个类名:最后通过"filter:alpha(opacity=50);opacity:0.5;"等属性设置图片透明度即可. ...
Unity中特效透明度动态设置
在Unity开发中,特效的透明度无法直接使用代码或者动画直接控制很不方便,便制作了一个一个脚本,专用来控制一个节点下的所有子节点的透明度. using System; using System.Col ...
Android自定义布局的背景在多分辨率的情况下设置fill_parent时背景不能够横向全屏的问题解决...
问题描述:最近做了一个自定义的控件LinearLayout就是公用的底部菜单条,在指定分辨率下(例如:480x800,480x854)下背景是正常的,但是当程序运行到非指定(默认)的分辨率下就不正常了 ...
html背景图片自适应纵向,HTML5 body设置全屏背景图片如何让body的背景图片自适应整个屏----实战经验...
用什么代码实现?不允许有白色底色产生,因为手机高度不一样错误的写法:加到div中结合图片设置min-height,但是页面不会回弹话不多说直接上代码终极方案 html,body{ width:1 ...
android 中一段文字设置不同颜色
目录一.使用HTML .strings.xml 辅助完成二.SpannableStringBuilder 来实现我们都会遇到UI给的效果图中,一段文字,却用不同的颜色显示关键字以突出重点.我们平 ...
Excel中同一单元格设置不同颜色的字体
[环境] poi-ooxml 4.0.1.java 8 [核心代码] XSSFRichTextString value = new XSSFRichTextString("红色黑色" ...
dw改透明度_div 背景透明度如何设置一个div的背景透明度
本节向大家爱描述一下如何设置DIV背景颜色透明度,opacityOpacity设置或检索透明渐变的开始透明度,Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明.S ...

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

使用css3背景渐变中的透明度来设置不同颜色的背景渐变相关推荐

最新文章

热门文章