На сайте есть определенная область(div), нужно по нажатию кнопки оставить эту область яркой, а все остальное сделать темнее. Как это можно реализовать? Гугл честно не дал ответов, про дарк мод знаю, но это не то. Когда-то видела на сайте онлайн-кинотеатра что-то подобное, там "экран" оставался, а все остальное затемнялось. Извините, если формулировка вопроса кривая и заранее спасибо за ответы!
UPD моя ошибка, что не приложила код, исправляю
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="bg-container"></div> <!-- это параллакс фон -->
<div class="content-wrapper">
<div id="page1"></div>
<div id="page2" class="hide"><!-- потом с помощью jquery animate класс меняется -->
<div class="flipbook-viewport">
<div class="container">
<div class="player"></div>
<div class="flipbook"> <!-- это книга реализованная на turn.js --></div>
</div>
</div>
</div>
</div>
css и js там очень много, поэтому не стала прикладывать, надеюсь примерная структура поможет