所以,我试图让我的导航箭头在悬停时“变亮”。图像本身有两种“状态”,一种被点亮,一种未被点亮。当前始终处于活动状态的是未点亮的,.png
当它们悬停时,我在某个地方看到了一些关于改变图像位置的东西(发光的在 中更下方)。这会是什么样子(当注意到我有 .hero-carousel-nav 和所有这些时)?
实现类似这样的东西?这会.png
在悬停时移动,使其显示“发光”箭头?如果是这样,我应该在下面放什么而不是“something.here”?
.something.here-arrow-right:hover {
background-position: 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;