将正确格式化的图像放在悬停按钮CSS动画后面

<div class="button-container">
  <button class="hover-button">悬停按钮</button>
  <img src="path/to/image.jpg" alt="图像">
</div>

.button-container {
  position: relative;
}

.hover-button {
  /* 按钮样式 */
}

.hover-button:hover {
  /* 按钮悬停时的动画效果 */
  animation: hover-animation 1s ease-in-out;
}

@keyframes hover-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  /* 图像样式 */
}