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

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


     27.03.2013    сниппет, css3, картинка    CSS Сниппеты    10710

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
Юзер

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

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

mixa-m
Юзер

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

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

TheImDim
Юзер

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

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

hulitolku
Юзер

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

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

EsviLLs
Юзер

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

hulitolku, +

DiabloLCF
Юзер

DiabloLCF - 30 июля 2013 09:53 -

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

bot
ГипноКотЭ

bot - 30 июля 2013 09:56 -

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

radcor
Юзер

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

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

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