uniapp box-shadow不透明度
时间: 2024-05-16 11:11:03 浏览: 92
css box-shadow阴影不透明的解决办法
uniapp中的box-shadow属性是用来设置阴影效果的,可以通过设置不同的值来控制阴影的大小、颜色和模糊度等属性。而不透明度则是控制阴影的透明度,取值范围为0到1之间,0表示完全透明,1表示完全不透明。
在uniapp中,设置box-shadow的语法如下:
```css
box-shadow: h-shadow v-shadow blur spread color inset;
```
其中,color可以使用rgba()函数来设置阴影的颜色和透明度,例如:
```css
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
```
这个例子中,阴影的颜色为黑色,透明度为0.5,阴影大小为2px,模糊度为4px,阴影的扩展范围为2px。
阅读全文