Как сделать эффект появляющегося движущего блока

Вот пример с Яндекс еды, блок доставки похож на блок шторки уведомлений в вашем смартфоне.

При вызове блока он выезжает снизу, его можно взять сверху и потянуть, блок будет задвигаться обратно, но если потянуть не сильно он вернется в исходное положение, а если вы увели блок больше половины он скрывается.

К тому же в зависимости от того насколько сильно вы будете тянуть блок вниз будет уменьшаться затемнение на заднем плане.

Можно ли сделать такой же или похожий эффект используя только CSS + Нативный Javascript В крайнем случае Jquery