Как правильно задать стили для спрайта?

Question

[Rapen]

Есть спрайт - фон блока, в виде стрелки, при наведении через :hover, меняется bg-position на подсвеченную стрелку, задавая transition видно как задвигается стрелка на подсвеченную, как сделать так, чтобы не было этого палева?) Чтобы просто обычная стрелка менялась на подсвеченную менялась, так, будто спрайта и нет?

Comments

[Варлам Ерофеич]

задавая transition видно как задвигается стрелка на подсвеченную

- Автору вопроса видно, а нам - нет. (пойди туда, не знаю куда, сделай то, не знаю что)))
- Где же мне найти ваш код... (?)

[Ankhena]

Сейчас для этих вещей используют SVG и не подменой картинок, а изменением цвета color (current-color), fill и т.д.
Некоторые виды стрелок делаются на чистом CSS либо это вообще символы.

Если бы вы показали как она выглядит было бы проще.

Но если вы оставите свой растровый спрайт, так просто уберите transition либо оставьте его только для нужных свойств. Писать all вообще не очень хорошо.

Answer 1

[Aetae]

transition задавайте не all, а конкретных свойств.

Answer 2

[Froggyweb]

Почитай вот это glivera-team.github.io/svg/2016/06/13/svg-sprites-...