CSS中带有currentColor的文本阴影不透明度

CSS中带有currentColor的文本阴影不透明度,css,Css,我正在寻找一种使文本发光效果具有阴影不透明度的方法: 正文{ 保证金:0; 填充:0; 背景色:#222; 高度:100vh; 显示器:flex; 证明内容:中心; 对齐项目:居中; } 前{ 字体大小:24px; 字号:700; 文本阴影:0 0 8px currentColor; } Hello World为此,您可以使用rgba: 或者您需要的任何颜色。您可以使用rgba实现此目的: 或者您需要的任何颜色。对于本例,我必须坚持使用JS解决方案,在本例中提取属性颜色。我想要0.75或75%

我正在寻找一种使文本发光效果具有阴影不透明度的方法:

正文{
保证金:0;
填充:0;
背景色:#222;
高度:100vh;
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
前{
字体大小:24px;
字号:700;
文本阴影:0 0 8px currentColor;
}

Hello World
为此,您可以使用
rgba


或者您需要的任何颜色。

您可以使用
rgba
实现此目的:


或者您需要的任何颜色。

对于本例,我必须坚持使用JS解决方案,在本例中提取属性颜色。我想要0.75或75%的不透明度,255的75%是191.25,这在基数16中四舍五入到
bf

for(让数组的_i.from(document.getElementsByTagName('font')){
_i、 style.textShadow=`0 0 4px${{u i.getAttribute('color')}bf`
}
正文{
保证金:0;
填充:0;
背景色:#222;
高度:100vh;
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
前{
字体大小:24px;
字号:700;
}

helloworld
对于本例,我必须坚持使用JS解决方案,在本例中提取属性颜色。我想要0.75或75%的不透明度,255的75%是191.25,这在基数16中四舍五入到
bf

for(让数组的_i.from(document.getElementsByTagName('font')){
_i、 style.textShadow=`0 0 4px${{u i.getAttribute('color')}bf`
}
正文{
保证金:0;
填充:0;
背景色:#222;
高度:100vh;
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
前{
字体大小:24px;
字号:700;
}

你好,世界
这能回答你的问题吗?这里有几个重复的问题:1)2)3)实际上它将阴影的颜色设置为单一颜色。它不适用于CSS的
currentColor
。您用例中的一个重要问题是“currentColor是如何确定的?为什么要内联添加颜色样式?”十六进制内联currentColor将使通常的rgba解决方案很难为您使用。@s,Goswami请查看上面的三个链接。它们并不都需要rgba。特别是,看看这个:这能回答你的问题吗?这里有几个重复的问题:1)2)3)实际上它将阴影的颜色设置为单一颜色。它不适用于CSS的
currentColor
。您用例中的一个重要问题是“currentColor是如何确定的?为什么要内联添加颜色样式?”十六进制内联currentColor将使通常的rgba解决方案很难为您使用。@s,Goswami请查看上面的三个链接。它们并不都需要rgba。特别是,请看这个:您可以将此链接添加到您的答案中:对于其他人。您还可以选择答案,将其标记为解决方案;)您可以将此链接添加到您的答案中:为其他人。您还可以选择答案,将其标记为解决方案;)
rgba(0,0,0, 0.75)