html - 悬停时将 slider 箭头移至 "glow"

Question

因此，我试图让我的导航箭头在悬停时“变亮”。图像本身有两种“状态”，一种被点亮，一种不被点亮。当前始终处于事件状态的是未点亮的，当它们悬停时，我在某处看到了一些关于改变图像位置的东西(发光的在 .png 中更靠下)超过。这会是什么样子(当注意到我有 .hero-carousel-nav 和所有这些时)？

实现类似这样的东西？这会在悬停时移动 .png ，使其显示“发光”箭头吗？如果是这样，我应该用什么代替下面的“something.here”？

.something.here-arrow-right:hover {
背景位置:0 -40px；
}

这是我向右箭头的示例。

CSS

.hero-carousel-nav li.next a { 
background: url('../images/deadmau5/large-arrow-right.png') -5px -7px no-repeat;
display: inline-block;
width: 105px;        /*width of your img*/
height: 105px;      /*height of your img*/
font-size: 0px; 
right: -15px;  /*this is better than 1px*/
bottom: 100px;
overflow:hidden;
outline:none;
z-index: 3;

Answer 1

.hero-carousel-nav li.next a:hover{
    background-position: 0 -40px;
}