Как реализована прозрачность в теме Настроение на Яндексе?
Две картинки
Без размытия - https://yastatic.net/www-skins/_/UBOZSYh5Ea-ZGg4kQ...
и с размытием - https://yastatic.net/www-skins/_/nwpWSk0EIqn8I8S94...
Нужно уметь ставить фон блокам.
Еще есть css-фильтры - https://developer.mozilla.org/ru/docs/Web/CSS/filter
Важно помнить, что действуют они именно на элемент, а не на то, что под ним.
UPD. Пример мутной панельки
https://jsfiddle.net/Tenebrius/pus9e7vg/2/
Насчет картинок честно сказать не очень понятно как именно они использовались, а особенно интересно как их "подогнали"