-
Notifications
You must be signed in to change notification settings - Fork 1
/
blahaj.js
25 lines (18 loc) · 804 Bytes
/
blahaj.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
document.addEventListener("mousemove", blahajlax)
const bg = document.querySelector('#background')
const haj = document.querySelector('#blahaj')
function blahajlax (event) {
let posBg = bg.getAttribute('value')
let posHaj = haj.getAttribute('value')
let hajX = (window.innerWidth - event.pageX * posHaj) / 90
let hajY = (window.innerHeight - event.pageY * posHaj) / 90
let bgX = (window.innerWidth - event.pageX * posBg) / 70
let bgY = (window.innerHeight - event.pageY * posBg) / 70
bg.style.transform = `translateX(${bgX}px) translateY(${bgY}px)`
haj.style.transform = `translateX(${hajX}px) translateY(${hajY}px)`
}
document.addEventListener("DOMContentLoaded", event => {
const audio = document.querySelector("audio");
audio.volume = 0.5;
audio.play();
});