CSS3实现文字渐变色

发布时间:2020-05-24 11:29:50 浏览量:166 来源:测速网

在文字使用中,CSS3实现文字渐变色,用到的background-image属性 ackground-clip,color属性: 设置文字颜色为透明,然后面的背景色显示出来。

CSS3实现文字渐变色代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            font-size: 60px;
            background-image: linear-gradient(135deg,red,blue);
            -webkit-background-clip:text;
            color: transparent;
        }
    </style>
</head>
<body>
    <p>
        我是渐变文字
    </p>
</body>
</html>

效果如图:


在线工具导航