31 lines
738 B
JavaScript
31 lines
738 B
JavaScript
|
// Photo Gallery -> section (zoom)
|
||
|
const image1 = document.querySelector(".picture");
|
||
|
|
||
|
image1.addEventListener("mouseenter", () => {
|
||
|
image1.style.transform = "scale(2.2)";
|
||
|
});
|
||
|
|
||
|
image1.addEventListener("mouseleave", () => {
|
||
|
image1.style.transform = "scale(1)";
|
||
|
});
|
||
|
|
||
|
const image2 = document.querySelector(".picture1");
|
||
|
|
||
|
image2.addEventListener("mouseenter", () => {
|
||
|
image2.style.transform = "scale(2.2)";
|
||
|
});
|
||
|
|
||
|
image2.addEventListener("mouseleave", () => {
|
||
|
image2.style.transform = "scale(1)";
|
||
|
});
|
||
|
|
||
|
const image3 = document.querySelector(".picture2");
|
||
|
|
||
|
image3.addEventListener("mouseenter", () => {
|
||
|
image3.style.transform = "scale(2.2)";
|
||
|
});
|
||
|
|
||
|
image3.addEventListener("mouseleave", () => {
|
||
|
image3.style.transform = "scale(1)";
|
||
|
});
|