Merge pull request #297 from wouffle/Patch-1

Improving visual appeal

script3.js

@@ -38,4 +38,20 @@ function validateInputs1(){
     }else{
         alert("Registered successfully");
     }
-}
+}
+function triggerSlidingEffect() {
+    // On image click
+document.querySelectorAll('#gallery .image-container img').forEach(img => {
+    img.addEventListener('click', function() {
+      this.classList.toggle('sliding'); // Add or remove sliding effect
+    });
+  });
+
+  // On scroll
+  window.addEventListener('scroll', () => {
+    document.querySelectorAll('#gallery .image-container img').forEach(img => {
+      img.classList.add('sliding'); // Add sliding effect on scroll
+    });
+  });
+
+}

style.css

@@ -659,6 +659,10 @@ textarea {
     border: none;
 }
 
-#gallery .image-container:hover img {
-    transform: scale(1.5);
-}
+#gallery .image-container img {
+    transition: transform 0.5s ease; /* Smooth transition for the sliding effect */
+}
+
+#gallery .image-container img.sliding {
+    transform: translateX(200px); /* Adjust the value based on how much you want to slide the image */
+}