css 渐变字体加阴影

要在 CSS 中实现渐变字体和阴影效果，可以使用以下代码：

<style>
    .gradient-text {
        background: linear-gradient(to right, #ff00cc, #3333ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 2px 2px 4px #000000;
        font-size: 36px;
    }
</style>

<h1 class="gradient-text">Hello, World!</h1>

上述代码使用 `linear-gradient` 函数创建了一个从左到右的渐变背景，其中 `#ff00cc` 和 `#3333ff` 是渐变的起始和结束颜色。接下来，我们通过 `-webkit-background-clip` 属性将文本的背景裁剪为文字本身，并使用 `-webkit-text-fill-color` 将文字颜色设置为透明，以实现渐变字体的效果。

然后，我们使用 `text-shadow` 属性添加文字阴影效果。在上述代码中，我们设置了一个偏移量为 2px 的黑色阴影。

最后，通过设置 `font-size` 属性来调整字体大小。

将上述代码放置在 HTML 文件中，并将要应用效果的文本元素包裹在类名为 `gradient-text` 的容器中，即可实现渐变字体加阴影的效果。