像纯色一样的透明色

Question

所以我对CSS有一点问题
我想设置具有纯色等属性的透明颜色 纯黑色，例如：在带有文本的 div 的 50% 上，文本消失并绘制 50% 黑色，我想实现相同的效果，但使用透明颜色 我所说的文本消失是指我正在使用伪 css 元素 ::after
这是我想要的图像：

另一种说法是，如果我的 inset 属性覆盖了 div 的 50%，那么可以删除该 50% 或使其透明
如果还有不明白的地方，欢迎提问！
谢谢！

Answer 1

我认为你正在尝试制作一个像 switch div 这样的元素，在状态变化时在黑色和透明之间改变颜色。您可以将 2 个 div 放入 div 中并分别更改每个 div 的颜色，即使您试图使黑色看起来在 div 之间移动，您也可以使 2 个线性渐变移动到一侧。

希望这有帮助:)