Как сделать цветное изображение черно белым?

Question

[acspro]

У меня есть блок

При наведении изображение должно становиться цветным.
Внимание знатоки)))
Вопрос:
Как сделать это таким образом, чтобы использовалась только одна цветная картинка и css правила?

Answer 1

[kolibry1]

img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}

картинка станет чернобелой.
потом прописываешь hover

Answer 2

[acspro]

Скажите а правильно ли я прописал правило для hover:

&:hover{
					-webkit-filter: grayscale(0%);
					-moz-filter: grayscale(0%);
					-ms-filter: grayscale(0%);
					-o-filter: grayscale(0%);
					filter: grayscale(0%);
					filter: none; /* IE 6-9 */
					}

Буду очень благодарен. Заранее спасибо)))

Comments

[Александр Янк]

Да