请问各位大神,CSS如何做这种像(1)玻璃透明的效果,(2)这种凹进去的黑色风格阴影分割线!谢谢了!

html-css019

请问各位大神,CSS如何做这种像(1)玻璃透明的效果,(2)这种凹进去的黑色风格阴影分割线!谢谢了!,第1张

其实他这个是美工做好的两张图片,上面白色半透明样式的一张,下面一块大的一张。如果需要他这种效果,一模一样的话,你可以把他的图片下载下来你用。而那种格子阴影效果是可以用css3实现,但是太麻烦,对于做项目而言,得不偿失。对于学习而言,你可以试着做出来,用css3的transform:rotate(90deg),和内外阴影试试。上面半透明,可以用rgba的颜色模式,和ie兼容的实现,最下面再来一条灰白色的线就是那种玻璃效果。

transparent属性用来指定全透明色彩

transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值。在CSS1中,transparent被用来作为background-color的一个参数值,用于表示背景透明。

在CSS2中,border-color也开始接受transparent作为参数值,《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作为参数值。在CSS3中,transparent被延伸到任何一个有color值的属性上。

扩展资料:

表示透明的其它方法:

在RGBA色彩表示法中RGBA代表Red(红色)Green(绿色)Blue(蓝色)和Alpha的色彩空间。alpha通道一般用作不透明度参数。如果一个像素的alpha通道数值为0%,那它就是完全透明的(也就是看不见的),而数值为100%则意味着一个完全不透明的像素(传统的数字图像)。

在0%和100%之间的值则使得像素可以透过背景显示出来,就像透过玻璃(半透明性),这种效果是简单的二元透明性(透明或不透明)做不到的。它使数码合成变得容易。alpha通道值可以用百分比、整数或者像RGB参数那样用0到1的实数表示。

参考资料来源:百度百科-CSS background-color