Почему не срабатывает hover?

Question

[Evgenij_nechujveter]

Почему не срабатывает hover?
сейчас вот так:


А при наведении должно быть вот так:

ссылка на код

Картинка спрайта вот:

Comments

[Анатолий]

Ну никак вы не хотите понимать, что песочница не в силах отобразить картинку с вашего компьютера.

[Evgenij_nechujveter]

Анатолий, а я картинку спрайта зачем прикрепил? можно весь код скопировать с картинкой на свой комп и подставить свой путь к картинке. Я просто не знаю как по другому

[Ankhena]

Evgenij_nechujveter, так скопируйте урл прикрепленной вами же картинки и пропишите его в песочнице

Answer 1

[ой всё]

у вас спрайт прописан в .social-btn::before, а позиция меняется в .social-btn-vk:hover

поставьте и спрайт .social-btn-vk и тогда должен работать .social-btn-vk:hover

Comments

[Evgenij_nechujveter]

Что-то не могу сообразить, не выходит. Можно кусок кода?

[ой всё]

ну этот код вы же как-то написали
что вам мешает написать другой?
или это не ваш код? тогда извините

[Evgenij_nechujveter]

ой всё, не работает так как вы говорите

[ой всё]

Evgenij_nechujveter, так как я говорю, работает везде и много лет, другое дело что вы опять написали неправильный код, то есть вообще не понимаете, что там происходит

Answer 2

[SOKR]

Не совсем, как вам хотелось-бы, но меняется
.social-btn
{
background: red url("https://hsto.org/webt/5a/24/5f/5a245f627b0bf845219...");
}