Как сделать затемнение при открытии боковой панели?

.snap-drawer {
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: auto;
width: 265px;
height: auto;
overflow: auto;
background-color: #000;
-webkit-overflow-scrolling: touch;
-webkit-transition: width 0.3s ease;
-moz-transition: width 0.3s ease;
-ms-transition: width 0.3s ease;
-o-transition: width 0.3s ease;
transition: width 0.3s ease;
}

Сам код панели, но ставлю бэк цвет и ничего.

Сама выезжающая панель сдвигает контент

CaMnoCe6e , что затемнять?

Сам контент который уезжает вправо.

На твоем месте я бы внедрил небольшой код в js структуру боковой панели. Чтобы при нажатии на панель срабатывал отдельный див класс который затемняет контент и делает его не кликабельным

CaMnoCe6e ,

$("button").click(function () {
$("div").toggleClass("zatemn");
})

<button>меню</button>
<div>контент</div>



.zatemn{opacity: 1;
background: rgba(0, 0, 0, .6);
visibility: visible;}

Sovet , это мне нужно добавить это в ноги к js а сам сдвиг контент завернуть в <div> </div>?
________
посл. ред. 25.04.2020 в 21:35; всего 1 раз(а); by CaMnoCe6e

CaMnoCe6e , да