Javascript 按钮背景的淘汰文本

如何为纯纯色的按钮背景制作淘汰文本

下面是按钮：

按钮{
背景色：白色；
边界：无；
颜色：白色；
填充物：1em 4em；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字号：1.5em；
边缘：2米；
-webkit转换持续时间：0.4s；
过渡时间：0.4s；
光标：指针；
背景色：透明；
颜色：白色；
边框：0.1米纯白；
边界半径：0.5em；
}
按钮：悬停{
背景色：白色；
颜色：黑色；
}
按钮：焦点，
按钮：激活{
大纲：无；
}

---

注册

从背景中删掉文本是什么意思？如果要隐藏它，可以执行以下操作：

button:hover {
    background-color: white;
    color: transparent;
}

---

我们可以使用

-webkit背景剪辑：文本

因此我们剪裁背景以形成文本的形状，并使文本颜色透明，然后我们放置的任何背景都将通过文本显示

正文{
保证金：0；
}
钮扣{
文本转换：大写；
字体大小：粗体；
字号：10em；
颜色：透明；
边框：1px纯黑；
-webkit背景剪辑：文本；
过渡时间：0.4s；
背景颜色：紫色；
}
按钮：悬停{
背景颜色：橙色；
}

---

mg

这只会让文本看不见，而按钮的背景仍然在那里该死，差不多就是这样，但不完全是这样，否则我就傻了。问题是，我有一个动画背景（主体），我希望我的按钮（其文本）是透明的，按钮的背景是纯色的，但在按钮背景上必须有一个文本的剪切。你基本上希望主体背景通过文本可见，对吗？是的，这正是我想要的，你现在知道怎么做了吗？像GIF或动画这样的动画背景？这是动画渐变对不起，如果我懒得给你一个完整的答案，但我想你可以看看

button:hover {   
   background-color: *fill the color you want*;  
   color: black;
}