如何使用JavaScript向文本添加渐变

时间:2019-03-17 09:56:15

标签: javascript web linear-gradients radial-gradients gradients

目前,我正在一个小项目上,想知道如何像CSS中那样使用 JavaScript 向文本添加渐变。

1 个答案:

答案 0 :(得分:0)

使用JS向文本添加渐变与使用CSS添加渐变

根据CSS Tricks上编写的CSS,可以使用此代码在JS中添加

const h1 = document.getElementsByTagName('h1')[0];
h1.style.background = 'linear-gradient(#eee, red)';
h1.style.webkitBackgroundClip = 'text';  
h1.style.webkitTextFillColor = 'transparent';