能者 发表于 2023-9-17 18:00:05

使用CSS实现文字阴影效果

要使用CSS实现文字阴影效果,你可以使用 `text-shadow` 属性。以下是一个示例:
h1 {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

在上面的代码中,`text-shadow` 属性接受四个值:水平偏移量、垂直偏移量、模糊半径和阴影颜色。在这个例子中,我们将文本的阴影设置为相对于文本右下方 2 像素的位置,并且阴影具有 4 像素的模糊半径。最后一个值 `rgba(0, 0, 0, 0.5)` 表示阴影的颜色为黑色但是透明度为 0.5。

你可以根据需要调整这些值来创建不同的阴影效果。

页: [1]
查看完整版本: 使用CSS实现文字阴影效果