そのため、ナビゲーション矢印がホバーされたときに「明るく」なるようにしようとしています。画像自体には 2 つの「状態」があり、1 つは点灯しており、もう 1 つは点灯していません。常にアクティブになっている現在のものは点灯していないもので、ホバーしたときに画像の位置を変更することについてどこかで見ました (光っているものは のさらに下にあり.pngます)。これはどのように見えますか?
このようなものを実装しますか？これは.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;