prvni várka

2024-04-17 23:13:56 +02:00
commit 25ef045289
19 changed files with 433 additions and 0 deletions
--- a/photo/index.html
+++ b/photo/index.html
@ -0,0 +1,7 @@
+<body>
+  <section class="photo">
+    <img class="picture" src="img/home.png" alt="Homescreen" />
+    <img class="picture1" src="img/config.png" alt="Zellij" />
+    <img class="picture2" src="img/command.png" alt="Command" />
+  </section>
+</body>
--- a/photo/script.js
+++ b/photo/script.js
@ -0,0 +1,30 @@
+// 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)";
+});