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

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

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

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 фильтры к сожалению только вэбкит браузеры поддерживают(
Чтобы комментировать - войдите или зарегистрируйтесь на сайте
Фиксируем тень страницы при прокрутке на CSS3
Меню Фикс
  • Nimax | Создание простого сайта отзывов (рейтинг ... 5
    Фото Nimax
    Nimax
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    Вчера, 17:18
    Странный вы, это как минимум в ваших интересах т.к модули с рейтингами для комментариев есть и в паблике, поэтому и хочется посмотреть как это реализовано у вас. Стоимость то не низкая для модуля
  • New-dev.ru | Создание простого сайта отзывов (рейтинг ... 5
    Фото New-dev.ru
    New-dev.ru
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    24-04-2024, 14:14
    А что там на фронте на скрине или демо смотреть? Там в стандартную форму добавления комментария просто добавляется рейтинг, например, звездный.
  • TeraMoune | Сделать модуль опросы 3
    Фото TeraMoune
    TeraMoune
    Сделать модуль опросы
    22-04-2024, 13:32
    Конечно. Пишите в телеграм.
  • Nimax | Сделать модуль опросы 3
    Фото Nimax
    Nimax
    Сделать модуль опросы
    22-04-2024, 13:17
    Да в том и дело =) так и думал можете сделать? сколько будет по стоимости?
  • TeraMoune | Сделать модуль опросы 3
    Фото TeraMoune
    TeraMoune
    Сделать модуль опросы
    22-04-2024, 12:56
    Зачем же для этого модуль ? Есть стандартные опросы, достаточно добавить одну правку на обработку тега в описании новости от стандартного тега poll.
  • Nimax | Создание простого сайта отзывов (рейтинг ... 5
    Фото Nimax
    Nimax
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    22-04-2024, 12:14
    А есть скрины или демо как это на фронте выглядит?
  • New-dev.ru | Создание простого сайта отзывов (рейтинг ... 5
    Фото New-dev.ru
    New-dev.ru
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    21-04-2024, 18:25
    Эта старая публикация, за несколько месяцев цена выросла, а тут забыл исправить цену, сожалею. Сейчас поставил актуальную цену.
  • Nimax | Создание простого сайта отзывов (рейтинг ... 5
    Фото Nimax
    Nimax
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    21-04-2024, 13:18
    Как преобрести за 9$? на сайте цена другая
  • Jigurda | Как в description вставить значение доп. ... 2
    Фото Jigurda
    Jigurda
    Как в description вставить значение доп.поля?
    19-04-2024, 10:54
    Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
  • lutskboy | Как в description вставить значение доп. ... 2
    Фото lutskboy
    lutskboy
    Как в description вставить значение доп.поля?
    18-04-2024, 21:51
    https://sandev.pro/web/159-fullstory-metatags-by-sander.html
наверх