前言：以下并不包含CSS所有内容！ 一、美妙的CSS3字体和特效 √多变的盒子 1.透明：生成部分的图片和颜色是CSS3的一个基本功能。实现透明效果的方法有两种： 第一种是使用 rgba() 函数
前言：以下并不包含CSS所有内容！
一、美妙的CSS3字体和特效
√多变的盒子
1.透明：生成部分的图片和颜色是CSS3的一个基本功能。实现透明效果的方法有两种：
第一种是使用rgba()函数，它接收4个数值作为参数。前三个值分别代表色彩中的红、绿、蓝分量，取值范围为0-255.最后一个值alpha(不透明度)值，取值范围为0-1；0表示完全透明，1表示完全不透明。
//示例
.semitransparentBox{
backgroud:rgba(170,240,0,0.5);
}
第二种是新增的名为opacity的属性，这个属性的原理与alpha值一样（opacity这个单词的意思就是“不透明”）:取值范围为0-1；0表示完全透明，1表示完全不透明。
//示例
.semitransparentBox{
backgroud:rgb(170,240,0);
opacity:0.5;
}
注意： 在下列情况下，建议使用opacity属性而不是rgb()函数
◊实现那个多种颜色（元素）的半透明效果。使用opacity属性，不仅背景颜色，就连文本颜色、边框颜色也会变透明。
◊在不知道颜色的情况下，实现半透明效果(比如，通过其他样式表或者JavaScript代码来设置半透明效果）。
◊实现图片的透明效果。
◊实现渐变动画效果时，比如元素的淡入淡出。