Archived
1
0

Experimenting with FuseBox

This commit is contained in:
Asher
2019-01-11 11:50:54 -06:00
committed by Kyle Carberry
parent 3ec40f49bf
commit 7cfeef36a8
5 changed files with 35 additions and 11 deletions

View File

@ -71,16 +71,6 @@
<div class="message">
</div>
</div>
<script>
const overlay = document.getElementById("overlay");
const logo = document.getElementById("logo");
overlay.addEventListener("mousemove", (event) => {
const xPos = ((event.clientX - logo.offsetLeft) / 24).toFixed(2);
const yPos = ((logo.offsetTop - event.clientY) / 24).toFixed(2);
logo.style.transform = `perspective(200px) rotateX(${yPos}deg) rotateY(${xPos}deg)`;
});
</script>
</body>
</html>

10
packages/app/src/index.ts Normal file
View File

@ -0,0 +1,10 @@
const overlay = document.getElementById("overlay");
const logo = document.getElementById("logo");
if (overlay && logo) {
overlay.addEventListener("mousemove", (event) => {
const xPos = ((event.clientX - logo.offsetLeft) / 24).toFixed(2);
const yPos = ((logo.offsetTop - event.clientY) / 24).toFixed(2);
logo.style.transform = `perspective(200px) rotateX(${yPos}deg) rotateY(${xPos}deg)`;
});
}