使用css样式做出亚克力背景和透明背景

使用css做出背景亚克力效果

1.一般背景如果做成亚克力效果就非常好看，直接看代码

位置我按照自己的调的，自己根据自己的效果调

1.1 这是普通的背景透明使用添加background-color: rgba(201, 129, 35, 0.7); 或者opacity：透明度

结果为：

单纯做背景透明使用rbga更好，这样在背景透明的div的里面如果添加文字就不会使其文字透明，就是这个过程不能添加动画效果，
opacity可以添加动画效果 ，单纯做背景透明里面没有任何文字需要添加动画效果，选择opacity做背景透明，需要背景颜色的添加background-colorf辅助，rgba就显得简单多了

1.2 现在就是我们的亚克力效果了

   只需要添加一句   backdrop-filter: blur(14px) saturate(150%);

blur(模糊度) saturate（颜色冷暖度）