/* 示例代码:为文字添加阴影效果 */
.text-shadow-example {
color: white; /* 文字颜色 */
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); /* 阴影效果 */
}
/* 解释说明:
- text-shadow 属性用于向文本添加阴影。
- text-shadow 的语法为:text-shadow: h-shadow v-shadow blur spread color;
- h-shadow: 水平阴影的位置,正值表示阴影在右边,负值表示阴影在左边。
- v-shadow: 垂直阴影的位置,正值表示阴影在下方,负值表示阴影在上方。
- blur: 阴影的模糊半径,值越大阴影越模糊。
- spread: 阴影的扩展半径(可选),正值会使阴影变大,负值会使阴影变小。
- color: 阴影的颜色,可以使用颜色名称、十六进制颜色码或 rgba 等方式指定颜色。
*/
上一篇:css透明
下一篇:css背景透明
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站