diff --git a/src/artAndTexture.js b/src/artAndTexture.js index baec584..cfe6dcf 100644 --- a/src/artAndTexture.js +++ b/src/artAndTexture.js @@ -141,6 +141,7 @@ export function cuteAndCyber(){ requestAnimationFrame(cuteAndCyber); }else{ scanlines(); + document.querySelector('#background').playbackRate = 0.777; document.querySelector('#background').style.visibility = 'visible'; requestAnimationFrame(cuteAndCyber); } diff --git a/src/style.css b/src/style.css index 5c11cd0..2c6976c 100644 --- a/src/style.css +++ b/src/style.css @@ -150,6 +150,7 @@ html, body{ mix-blend-mode: screen; z-index: -2; opacity: .25; + filter: saturate(333%); } #background{ @@ -163,7 +164,7 @@ html, body{ z-index: -1; opacity: 1; visibility: hidden; - filter: contrast(200%) saturate(333%) grayscale(); + filter: contrast(200%) saturate(33%) grayscale(); transform: rotate(180deg); mix-blend-mode: difference; }