15 lines
496 B
JavaScript
15 lines
496 B
JavaScript
|
const container = document.getElementById("container");
|
||
|
|
const img = document.querySelector("img");
|
||
|
|
|
||
|
|
container.addEventListener("mousemove", (e) => {
|
||
|
|
const x = e.clientX - e.target.offsetLeft;
|
||
|
|
const y = e.clientY - e.target.offsetTop;
|
||
|
|
console.log(x, y);
|
||
|
|
|
||
|
|
img.style.transformOrigin = `${x}px ${y}px`;
|
||
|
|
img.style.transform = "scale(2)";
|
||
|
|
});
|
||
|
|
container.addEventListener("mouseleave", () => {
|
||
|
|
img.style.transformOrigin = "center center";
|
||
|
|
img.style.transform = "scale(1)";
|
||
|
|
});
|