При наведении, картинка меняется? Как?

[wwizard]

Имеется сайт с сылками активными - как сделать так, чтобы при наведении менялся тон картинки, например сероватым становился - как попроще, бывают решения?

<li class="data-services__item">
                                <div class="data-services__image">
                                    <a href="https://nomerodin.com.ua/uslugi/remont-kompyuterov/">
                                    <img src="https://nomerodin.com.ua/images/services/1.png" alt="">
                                </div>

                                <a href="https://nomerodin.com.ua/uslugi/remont-kompyuterov/" class="data-services__title">Ремонт<br>компьютеров</a>
                               
                            </li>

Вот код страницы.
Для просмотра ссылки Войди или Зарегистрируйся - скрин менюшек

 

[kastembay]

Думаю, вы Для просмотра ссылки Войди или Зарегистрируйся можете выбрать себе по вкусу эффект

 

[Skyline404]

Псевдоклассу :hover стили задать