要将标题中的蓝色文字改为红色并添加轻微阴影效果,您可以修改配置中的 `label` 字段,使用内联样式直接设置样式。
修改后的配置如下:
```json
{
"fullWidth": false,
"spacer": "none",
"containerClasses": "",
"bg": {
"classes": "",
"overlay": "",
"img": {
"src": "",
"alt": ""
}
},
"style": "none",
"classes": "mat-headline-3 bold",
"typed": {
"enable": false,
"config": {
"typeSpeed": 120
},
"strings": [
{
"label": "web builder"
}
]
},
"animate": {
"aos": {
"enable": false
}
},
"type": "title",
"label": "欢迎使用 <strong style=\"color: red; text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\">Web Builder</strong> 快速构建响应式页面"
}
```
**样式说明:**
- `color: red`:将文字颜色改为红色
- `text-shadow: 2px 2px 4px rgba(0,0,0,0.1)`:添加轻微阴影效果
- 2px:水平阴影偏移
- 2px:垂直阴影偏移
- 4px:阴影模糊半径
- rgba(0,0,0,0.1):阴影颜色和透明度(非常浅的黑色)
**可选阴影效果:**
如果您希望阴影更明显或不同颜色,可以调整参数:
- `text-shadow: 1px 1px 3px rgba(255,0,0,0.3)`:红色阴影
- `text-shadow: 0px 0px 8px rgba(255,0,0,0.2)`:发光效果
- `text-shadow: 2px 2px 6px rgba(0,0,0,0.15)`:更深的阴影