Redesign

2022-03-07 00:31:24 +03:00
parent e88692dea8
commit f6d600e9ae
6 changed files with 136 additions and 52 deletions
--- a/public/index.js
+++ b/public/index.js
@@ -12,3 +12,14 @@ slider.addEventListener('input', function (event) {

  document.getElementById('filter-value').innerText = event.target.value
 })
+
+document.addEventListener('scroll', function () {
+  const gunner1 = document.getElementById('gunner1')
+  const gunner2 = document.getElementById('gunner2')
+
+  gunner1.style.transform = `translateX(${-window.scrollY}px)`
+  gunner2.style.transform = `translateX(${window.scrollY}px)`
+
+  gunner1.style.filter = `blur(${window.scrollY / 50}px)`
+  gunner2.style.filter = `blur(${window.scrollY / 50}px)`
+})