Как я могу размыть все вокруг элемента с CSS? ⇐ Html

[Anonymous]

Давайте возьмем эту страницу в качестве примера. Как вы можете размыть каждый элемент на странице (под навигацией заголовка), за исключением одного избранного элемента на странице (который должен получить фокус)? И если вы выберете (и проверяете) каждый элемент, должен ли он быть размытым или нет, не может быть лучшим способом сделать это. Кроме того, элемент должен оставаться в области контента и не преобразовать HTML в любом случае. < /P>
this:
< /p>
должен стать этим (только с css). Здесь "src =" https://i.sstatic.net/qdtnq.png "/>
Было бы легко просто темнеть с абсолютным позиционированным наложением и придать фокусированному элементу относительное с более высоким z-Index , но, к сожалению, Blurrling, что темное ощущение не BLUR, а не содержит, что я не содержит. alt = "Введите описание изображения здесь" src = "https://i.sstatic.net/gh7a3.png"/>

Подробнее здесь: https://stackoverflow.com/questions/645 ... t-with-css