【【CSS3】---颜色RGBA及渐变色】的更多相关文章

【CSS3】---颜色RGBA及渐变色

颜色之RGBA RGB是一种色彩标准,是由红(R).绿(G).蓝(B)的变化以及相互叠加来得到各式各样的颜色.RGBA是在RGB的基础上增加了控制alpha透明度的参数. 语法: color:rgba(R,G,B,A) R.G.B三个颜色参数,正整数值的取值范围为:0 - 255. 百分数值的取值范围为:0.0% - 100.0%.超出范围的数值将被截至其最接近的取值极限.并非所有浏览器都支持使用百分数值. A为透明度参数,取值在0~1之间,不可为负值. 代码示例: background-col…

CSS3颜色特征温故

网页是色彩的表现原理:显示器是由一个个像素构成,利用电子束来表现色彩.像素把光的三原色:红色(R).绿色(G).蓝色(B)组合成的色彩按照科学原理表现出来.一个像素包含8位元色彩的信息量,又从0 ~ 255的256个单元,其中0是完全无光状态,255是最亮状态 Web页面的安全色不同平台(Mac.PC等)有不同的调色板,不同的浏览器也有自己的调色板.选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色,如果浏览器中没有所选颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色Web…

css3 颜色记

css3 颜色 opacity 使元素呈现出半透明效果. opacity:alphavalue || inherit alphavalue:默认值为1,可以取0~1任意浮点数.取值为1时,元素完全不透明:取值为0时,元素完全透明.不能为负值. inherit:表示继承父元素的opacity设置的值. <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> &l…

使用IE滤镜实现css3中rgba让背景色透明的效果

让背景透明,听上去不是挺容易的么? 让背景色透明,很容易想到opacity,要兼容IE的话只要加上filter:alpha(opacity=?)就行了,OK,看看这个例子. html: <div class="container" id="container"> <div class="main" id="main"> <label for="tel">电话:</l…

CSS3 之 RGBa 可透明颜色

在 CSS3 中,增加了一个 opacity 属性,允许开发者设置元素的透明度,现在 opacity 已被主流的现代浏览器支持,但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度,这样的透明规则相当不灵活,在实际开发中往往也是会遇到很多麻烦.其实,在 CSS3 中还有另外一套颜色透明解决方案 —— RGBa .相对于 opacity ,RGBa 可以在单个元素上设置透明度,而不影响其子元素,只是 RGBa 的浏览器支持度并没有 opacity 的广泛,因此相对较少引起开发者注意…

熟悉css/css3颜色属性

颜色属性无处不在.字体要用颜色,背景可以有颜色,粒子特效更是离不开颜色.本文参考了一些资料简单总结下以备日后查阅. css中颜色的定义方式: 十六进制色 RGB & RGBA HSL & HSLA 颜色名 十六进制色 个人最喜欢的一种颜色表达方式. 十六进制颜色是这样规定的:#RRGGBB,其中的RR(红色).GG(绿色).BB(蓝色)十六进制整数规定了颜色的成分.所有值必须介于 0 与 FF 之间. 生成随机颜色: function getRandomColor() { return '…

CSS3 颜色属性

关键字颜色 red 十六进制颜色 #FF0000 RGB颜色   rgb(255,0,0) 新增的颜色表示方法 RGBa: RGB代表光的三原色,Red.Green和Blue CSS3中可以增加一个值a(alpha),表示颜色的透明度 Background-color:rgba(0,0,0,0.35): 取值范围0-1之间,0代表完全透明,1代表完全不透明 HSL: H(hue),表示色相 用一个色环表示不同的颜色 取值范围是0-360 0和360是红色 30是橙色 180表示绿色 240表示蓝…

CSS3：RGBA的使用方法

1.说明 此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度. RGBA(R,G,B,A) 2.取值 R: 红色值,正整数值的取值范围为:0 - 255,百分数值的取值范围为:0.0% - 100.0%. G: 绿色值,正整数值的取值范围为:0 - 255,百分数值的取值范围为:0.0% - 100.0%. B: 蓝色值,正整数值的取值范围为:0 - 255,百分数值的取值范围为:0.0% - 100.0%. A: Alpha透明度.取值0~1之间. 3.示例 rgba <ul>…

css3 -- 颜色与不透明度

1.opacity: opacity的值会被它的所有子元素继承,也就是说不可能让一个元素比他的父元素更加不透明,但你可以让他变得更透明点 Firefox  Webkit  Opera支持,注意IE 2.使用Alpha通道可以像其他任何颜色值一样被子元素继承,但元素的整体不透明度并不受影响,rgba值只能应用到它的指定元素上,所以子元素可以否决所有的继承 Firefox  Webkit  Opera支持,注意IE 3.颜色变量 p {color:black;} p:last-child{ back…

css3整理--rgba

rgba语法: rgba(0, 0, 0,0.5); 第一个参数:R 红色(0-255) 第二个参数:G 绿色(0-255) 第三个参数:B 蓝色(0-255) 第四个参数:透明度(0-1)使用rgba指定颜色的好处是:任何位置的颜色,使用rgba指定,都可以通过设置第四个参数来调整透明度.不仅仅可以设置背景色的透明度.使用rgba指定背景透明和使用opacity指定背景颜色的透明度的区别: 1.使用opacity指定背景颜色的透明度时,其内容也一起被设置透明度,导致内容模糊.如果不想内容模糊,…