uinapp 毛玻璃效果 css 磨砂效果 半透明效果

 

 

 核心代碼如下：

background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.64) 45%);

backdrop-filter: blur(20px);

 

 另一個效果

 

 

 

backdrop-filter: blur(20px);

          background-image: linear-gradient(

          180deg, rgba(255, 255, 255, 0) -30%, rgba(255, 255, 255, 0) 50% );