Создание веб-страница Inverse Цветные

Question

У меня есть веб-страницу, которую я хочу сделать обратный цветные (белый -> черный и черный -> белый), как и в расширении хром: https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=en

Что я должен делать на мою веб-страницу html, чтобы получить этот эффект? Я понимаю, что черный цвет фона можно контролировать с помощью HTML, но как обрабатывать текстовые и текстовые поля?

Answer 1

Вы можете использовать filter свойство CSS как следующим образом:

body { 
    filter: invert(); 
    -moz-filter: invert(); /*For Mozilla firefox*/ 
    -webkit-filter: invert(); /*For Chrome and latest version of Opera*/ 
} 

Примечание: не поддерживается в IE, Opera Mini & частично поддерживается в Edge.

также, Оформление заказа CanIUsefilter.