Приветствую, мир!
| Код |
<!DOCTYPE html>
<html lang="ru">
<head>
<style>
* {
margin: 0;
padding: 0;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
background: url(./city.jpg) no-repeat center top;
background-attachment: fixed;
background-size: cover;
}
#wrapper {
height: 500px;
width: 50%;
background: inherit;
filter: blur(3px);
overflow: hidden;
}
</style>
</head>
<body>
<div id="wrapper">
<p>Привет</p>
</div>
</body>
</html>
|
Сделал эффект матового стекла на div с wrapper.
Почему текст "Привет" отображается размытым? Как сделать эффект матового стекла, так чтобы фон был размыт, все что появляется на DIV сверху имел нормальный неразмытый контур (текст, картинки и т. п.). Заранее благодарю! |