css 设置字体加上阴影

2023-11-21 08:43PM

可以使用 text-shadow 属性为字体添加阴影效果：

.element 元素的字体应用了一个阴影效果。阴影的偏移量为水平方向 2 像素，垂直方向 2 像素，模糊半径为 4 像素，透明度为 0.5。你可以根据需要调整这些值以达到所需的效果。

text-shadow 属性还支持多个阴影值，用逗号分隔。这样可以创建更复杂的阴影效果。

.element 元素同时使用了两个阴影效果。第一个阴影效果是黑色的，向右下方偏移 2 像素；第二个阴影效果是白色的，向左上方偏移 2 像素。

text-shadow 属性在某些旧版本的浏览器中可能不被支持。在使用这个属性时，请务必进行兼容性测试，并提供备用样式或回退方案。