Увеличить непрозрачность элемента HTML ⇐ CSS

[Anonymous]

Некоторые элементы HTML частично прозрачны. Это означает, что элементы, стоящие за ними (например, фон шаблона шахма) видны. Несовещающий красочный объект перед движущимся белым /серого фона: < /p>

Код: Выделить всё

setInterval(() => {document.body.style.backgroundPositionX = 84*Math.random()+'px'}, 500);< /code>
img {
filter: blur(20px);
opacity: 100%;
padding: 40px;
}
body {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAIAAABKoV4MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAE68AABOvAWPmjsMAAABQSURBVFhH7dGhAcBACMVQrnOxPex1NUxARUTzDN9FcKoqPsjMWSvPXIh5kHmQeZB5kHmQeRCcP/femSvdPWvF34PMg8yDzIPMg8yD/pyPeAECBAiZonuFkgAAAABJRU5ErkJggg==);
}< /code>

[img]https://www.google.com/chrome/static/images/chrome-logo-m100.svg[/img]

Подробнее здесь: https://stackoverflow.com/questions/797 ... ml-element