Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru Сниппеты CSS Сниппеты Черно-белая картинка средствами css

Черно-белая картинка средствами css


     27.03.2013    CSS Сниппеты    10064

CSS:
img.grayscale:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

HTML:
<img class="grayscale" src="image.png" alt="">
Демо

Комментарии пользователей (8)

Slavchik
114 | 67

Slavchik - 2 апреля 2013 08:52 - Юзер

счас смотрю эту страницу в мозилле последней - изменений не вижу. все в цвете.

mixa-m
11 | 8

mixa-m - 6 апреля 2013 20:41 - Юзер

А у меня при наведении становится черно-белой (гугл-хром)

TheImDim
18

327 | 291

TheImDim - 6 апреля 2013 21:46 - Юзер

только в Google Chrome работает

hulitolku
2

hulitolku - 30 апреля 2013 23:31 - Юзер

в мозиле не фурыжит

EsviLLs
2

113 | 90

EsviLLs - 30 апреля 2013 23:40 - Юзер

hulitolku, +

DiabloLCF
14

DiabloLCF - 30 июля 2013 09:53 - Юзер

В мозилле не фурыжит =((

bot
1

23 | 9

bot - 30 июля 2013 09:56 - ГипноКотЭ

Может быть такое вполне? ведь css-фильтры поддерживаются не всеми браузерами)

radcor
24

radcor - 19 января 2014 14:01 - Юзер

css фильтры к сожалению только вэбкит браузеры поддерживают(

Чтобы комментировать - войдите или зарегистрируйтесь на сайте