给文字加一个渐变色

最新推荐文章于 2023-03-22 16:41:43 发布

原创最新推荐文章于 2023-03-22 16:41:43 发布 · 197 阅读

0 ·

CC 4.0 BY-SA版权

CSS技巧专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现的渐变文字效果。通过设置背景渐变并结合透明文字填充，可以创建从粉红到红色过渡的文字效果。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .gradient-text {
            background: -webkit-linear-gradient(pink,red);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
        }
    </style>
</head>
<body>
<p class="gradient-text">我爱中国</p>
</body>
</html>