Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
На первую страницук этому сообщениюк последнему сообщению

Открыть новую тему     Написать ответ в эту тему

Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
const updateClasses = (mutations) => {
    if (!mutations || mutations instanceof Event)
        mutations = [{
            addedNodes: [document]
        }];
 
    for (let mutation of mutations)
    {
        for (let node of mutation.addedNodes)
        {
            if (node.nodeType != 1 && node.nodeType != 9)
                continue;
 
            const elements = [node, ...node.querySelectorAll('video,img,player')];
            for (let element of elements)
            {
                if (element.nodeType == 9)
                    continue;
                if (document.fullscreenElement)
                {
                    element.classList.remove('my-invert');
                }
                else
                {
                    element.classList.add('my-invert');
                }
            }
        }
    }    
}
 
(new MutationObserver(updateClasses)).observe(document, {childList: true, subtree: true});
 
addEventListener('fullscreenchange', updateClasses);
 
updateClasses();

 

Код:
html,iframe,frame {
    background-color: #eee;
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
}
.my-invert {
    -webkit-filter: invert(1) hue-rotate(180deg) !important;
}

Всего записей: 15156 | Зарегистр. 20-09-2014 | Отправлено: 02:17 11-10-2022
Открыть новую тему     Написать ответ в эту тему

На первую страницук этому сообщениюк последнему сообщению

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru