js实现文字渐变色效果。

OK论坛 · 发表于 2024-8-17 17:29:52

效果如图：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>www.oklun.com</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2 id="text">【www.oklun.com】渐变文字。</h2>
</body>
<script>
const titles = document.getElementById('text');
titles.style.backgroundImage = 'linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet)';
titles.style.webkitBackgroundClip = 'text';
titles.style.webkitTextFillColor = 'transparent';
</script>
</html>

复制代码

		自动登录	找回密码
密码			立即注册