linear-gradient 加透明度
时间: 2023-09-12 19:06:51 浏览: 94
linear-gradient函数可以通过rgba()函数来添加透明度。在rgba()函数中,最后一个参数表示颜色的透明度,取值范围是从0到1,其中0表示完全透明,1表示完全不透明。通过设置起始颜色和终止颜色的透明度不同,可以实现渐变过程中的透明效果。例如,下面的代码演示了一个从左到右的线性渐变,起始颜色是完全透明的红色,终止颜色是完全不透明的红色:
background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
这段代码将创建一个从左到右的线性渐变背景图像,起始颜色是完全透明的红色(rgba(255,0,0,0)),终止颜色是完全不透明的红色(rgba(255,0,0,1))。\[1\]
#### 引用[.reference_title]
- *1* *2* *3* [CSS 的 linear-gradient() 线性渐变函数(带例子)](https://blog.csdn.net/weixin_44296929/article/details/103068274)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]