CSS 实现炉石卡牌 Hover 指向效果 | 背景泛金色

要实现炉石卡牌指上去的效果，并且背景泛着金色，你可以使用CSS的伪元素和过渡效果来实现。以下是一个简单的示例代码：

HTML代码：

<div class='card'>
  <img src='card-image.jpg'>
</div>

CSS代码：

.card {
  position: relative;
  display: inline-block;
  perspective: 1000px;
}

.card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(255, 223, 0, 0.8), rgba(255, 223, 0, 0.6));
  transform: scale(0);
  transition: transform 0.3s;
  pointer-events: none;
  z-index: 1;
}

.card:hover::after {
  transform: scale(1);
}

.card img {
  display: block;
}

在上面的代码中，首先给包裹卡牌的<div>元素设置了position: relative;和perspective: 1000px;，然后使用伪元素::after来创建一个覆盖在卡牌上方的元素。这个伪元素使用了background属性来设置金色的背景，并且通过transform属性的scale函数将其初始状态设置为不可见。然后使用transition属性来设置过渡效果，当鼠标悬停在卡牌上时，将::after伪元素的transform属性的scale值修改为1，从而实现展现出像炉石卡牌指上去的效果。

你可以根据实际需求修改代码中的颜色、背景图片等属性来实现你想要的效果。