Из-за потери короля Таиланда Bhumibol Adulyadej многие веб-сайты в Таиланде изменились на серому. Но когда я нажимаю правой кнопкой мыши и нажимаю «открывать изображение на новой вкладке», я вижу оригинальное цветное изображение. Даже видео меняют цвет. Какую технологию я могу использовать для этого?Какая технология изменяет сайт на серый, не затрагивая основные ресурсы?
0
A
ответ
5
Вы можете просто добавить CSS filter
property в тег <body>
. В частности, вы бы добавили filter: grayscale(100%);
.
Пример фрагмента:
.filtered {
filter:grayscale(100%);
}
<p>No filter<br/>
<img src="https://i.stack.imgur.com/vVury.png">
</p>
<p class="filtered">Filtered<br/>
<img src="https://i.stack.imgur.com/vVury.png">
</p>
Это будет работать в nearly all modern browsers, но не Internet Explorer или Opera Mini.
0
Это делается через CSS3. Где вы можете конвертировать ничего в оттенки серого с помощью
filter:grayscale(1);
Если добавить этот CSS в <body>
теге сайта это превратит весь сайт на серый.
Примечание: я удалил вашу ссылку. Этот сайт недоступен в большинстве стран, поэтому он не демонстрирует эффект серого для большинства пользователей этого сайта. –
RIP Bhumibol :( –