Как размыть все тело кроме div на цели, используя только CSS? - PullRequest
Новая
       0

Как размыть все тело кроме div на цели, используя только CSS?

0 голосов
/ 14 мая 2018

я пытаюсь сделать 

<!DOCTYPE html>
<html>

<head>
    <title>TEST</title>
    <style>
     :not(:target) {
        filter: blur(5px);
    }
    </style>
</head>

<body>
    <a href="#test">test</a>
</body>

</html>

, но даже когда я нацеливаюсь (нажимаю) на мой тест, он остается размытым.

1 Ответ

0 голосов
/ 14 мая 2018

Попробуйте: 

body :not(:target) {
  filter: blur(5px);
}


body :not(:target) {
  filter: blur(5px);
}
<a href="#test">test</a>
<p id="test">This is Target</p>
<p>This is'nt Target</p>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...