opacity: 1; /* 不透明 */ opacity: 0.5; /* 半透明 */ opacity: 0; /* 完全透明 */
除了使用opacity属性之外,还可以使用rgba()函数来设置元素的背景色和透明度。
background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */ background-color: rgba(255, 255, 255, 0.2); /* 半透明白色 */
透明度变化在网页设计中有广泛的应用,比如可以用来实现图片的透明遮罩、文字的渐变效果等等。大家可以通过CSS的代码控制元素的透明度来实现更多样化的设计效果。