QSS中box-shadow的参数
时间: 2024-01-20 12:16:10 浏览: 181
qt模拟CSS3之box-shadow效果
5星 · 资源好评率100%
在QSS中,box-shadow属性用于为元素添加阴影效果。它的语法如下:
```css
box-shadow: h-shadow v-shadow blur spread color inset;
```
其中,各个参数的含义如下:
- h-shadow:水平阴影的位置,可以是正值(向右偏移)或负值(向左偏移)。
- v-shadow:垂直阴影的位置,可以是正值(向下偏移)或负值(向上偏移)。
- blur:模糊半径,可选参数,用于指定阴影的模糊程度。
- spread:阴影的尺寸,可选参数,用于指定阴影的扩展大小。
- color:阴影的颜色,可选参数,用于指定阴影的颜色。
- inset:可选参数,用于指定阴影是否为内阴影。
下面是一个示例:
```css
box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
```
这个示例表示在元素的右下方添加一个水平偏移为5px,垂直偏移为5px,模糊半径为10px,扩展大小为2px的阴影,颜色为半透明的黑色。
阅读全文