Merge pull request #173 from Ayushmaanagarwal1211/main

Added tilt effect
Avdhesh-Varshney · Jul 1, 2024 · 60c110a · 60c110a
2 parents ded9aa6 + 7447912
commit 60c110a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "bootstrap": "^5.3.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-parallax-tilt": "^1.7.229",
     "react-player": "^2.16.0",
     "react-router-dom": "^6.23.1",
     "react-top-loading-bar": "^2.3.1",

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import "../css/Home.css";
 import { ReactTyped } from "react-typed";
 import VideoButton from "../components/Home/VideoButton";
-
+import Tilt from 'react-parallax-tilt';
 export default function Home() {
   return (
     <div className="flex flex-col">
@@ -26,7 +26,9 @@ export default function Home() {
           </div>
         </div>
         <div className="img-container">
-          <img className="animated-img" src="/home1.png" alt="" />
+        <Tilt>
+            <img className="animated-img" src="/home1.png" alt="" />
+        </Tilt>
         </div>
       </div>