手动阀

在 CSS 中，透明度属性用于控制元素的不透明度，以下是一些常用的与透明度相关的 CSS 属性：

1、opacity:

定义元素的整体透明度。

值的范围从0（完全透明）到1（完全不透明）。

示例：

     .transparent {
       opacity: 0.5; /* 50% 透明度 */
     }

2、rgba():

定义颜色的红、绿、蓝和 alpha 通道（透明度）。

示例：

     .background {
       background-color: rgba(255, 0, 0, 0.5); /* 红色，50% 透明度 */
     }

3、hsla():

定义颜色的色相、饱和度、亮度和 alpha 通道（透明度）。

示例：

     .background {
       background-color: hsla(120, 100%, 50%, 0.5); /* 绿色，50% 透明度 */
     }

4、filter:

使用滤镜效果来调整元素的透明度。

示例：

     .blurred {
       filter: opacity(50%); /* 50% 透明度 */
     }

5、backdrop-filter:

应用于元素背后的区域，通常用于创建模糊或半透明效果。

示例：

     .blurred-background {
       backdrop-filter: blur(10px); /* 背景模糊效果 */
     }

6、mix-blend-mode:

结合不同的混合模式和透明度，可以创建复杂的视觉效果。

示例：

     .overlay {
       mix-blend-mode: multiply; /* 混合模式 */
       opacity: 0.7; /* 70% 透明度 */
     }

这些属性可以单独使用，也可以组合使用，以实现更复杂和精细的视觉效果。