更改阴影不透明度，由颜色输入选择

Question

是否可以更改阴影的不透明度，请从颜色输入中选择哪种颜色？我的意思是仅仅追求阴影不透明，而不是所有h1。最重要的元素示例： html：

<div class="box">
  <h1 class="shadowText">Text</h1>
</div>
<input type="color" name="shadowColor1" value="#FFFF00" />

css

:root {
  --shadowColor: blue;
    }

.box .shadowText {
  text-shadow: 10px 10px var(--shadowBlur) var(--shadowColor);
   textShadow: 10px 10px 0 var(--shadowColor)`;
  }

js

function changeParameters() {      
    document.documentElement.style.setProperty("shadowColor", colorInput.value);
    refreshShadow();
     }

当然，这只是操作系统功能的一部分。更改阴影颜色的工作是正确的。