Css 如果你在一个按钮上悬停，但是按钮没有相同的背景图片，我怎么能做出一个弹出的渐变呢

我想在css中有一个按钮，它有一个背景图像，如果你把鼠标悬停在上面，你会得到一个渐变。（见图）

---

有几种方法可以实现这一点

一种方法是将

按钮

与背景图像一起使用，并在按钮悬停时将一个伪元素附加到不透明度的按钮上

按钮{
显示：块；
位置：相对位置；
高度：300px；
宽度：500px；
大纲：无；
边界：0；
}
按钮：：之前{
内容：“；
显示：块；
位置：绝对位置；
宽度：100%；
身高：100%；
排名：0；
左：0；
不透明度：0；
背景：线性梯度（至底部，rgba（125126125,0.5）0%，rgba（14,14,14,0.5）100%）；
过渡：不透明度250ms缓进缓出；
}
按钮：悬停：：之前{
不透明度：1；
}