3D hover effect added

manankohlii · Jun 24, 2021 · a68d855 · a68d855
1 parent 610d4f8
commit a68d855
Show file tree

Hide file tree

Showing 2 changed files with 521 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -137,6 +137,19 @@
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
     <script src="js/main.js"></script>
+    <script src="vanilla-tilt.js"></script>
+    <script>
+        VanillaTilt.init(document.querySelectorAll(".detail_block"), {
+		max: 25,
+		speed: 400
+	});
+    </script>
+    <script>
+        VanillaTilt.init(document.querySelector(".mission"), {
+		max: 25,
+		speed: 400
+	});
+    </script>
 </main>
 </body>
 </html>