Вопрос Помогите кому не трудно, вопрос по CSS ниже, используя opacity и rgba

[123131233]

Как создать список ссылок с фоновыми чёрно-белыми изображениями и полупрозрачностью, а
чтобы при наведении фоновые изображения становились непрозрачными и цветными

 

[Bajwdsad]

css: link { opacity:.5; background url(ссылка на черно-белое изображение); transition .3s; } link:hover { opacity:1; background url(ссылка на цветное изображение); }

 

[toha1289]

HTML: ГлавнаяСтатьи CSS: ul.urls { background-color: url(./images/bwhite-picture.png); // Ч/Б картинка opacity: 0.2; // 0.2 - уровень прозрачности. 1 и выше - непрозрачный } ul.urls:hover { // псевдоклас hover отвечает за действия при наведении моуса background-image: url(./images/color-picture.png); // Цветная картинка opacity: 1; }