Merge pull request #1731 from ibaaddurrani/Ibaad

adding my animation to the project
zero-to-mastery · Oct 2, 2023 · 7cf5409 · 7cf5409
2 parents 7a0d1d3 + 22484e8
commit 7cf5409
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 0 deletions.
diff --git a/Art/Ibaad/animate.css b/Art/Ibaad/animate.css
@@ -0,0 +1,25 @@
+body { 
+    text-align: center; 
+    background-color: plum;
+}
+
+img {
+    width: 500px;
+    height: 350px;
+    justify-content: center;
+    box-shadow: 10px 10px 5px black;
+    transition: all 1s
+  }
+
+img:hover { 
+    transform: scale(1.2);
+}
+  @keyframes slidein {
+    from {
+      transform: scaleX(1);
+    }
+    to {
+      transform: scaleX(2);
+    }
+  }
+
diff --git a/Art/Ibaad/animate.html b/Art/Ibaad/animate.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Document</title>
+    <link rel="stylesheet" type="text/css" href="animate.css">
+</head>
+<body>
+    <h1>Here is my simple animation!</h1>
+    <br> 
+    <br>
+    <img src="https://st3.depositphotos.com/1005844/31850/i/450/depositphotos_318505800-stock-photo-neon-lights-smoke-background.jpg"
+     alt ="Cool Image">
+</body>
+</html>
diff --git a/Art/Ibaad/animationimagehover.gif b/Art/Ibaad/animationimagehover.gif
diff --git a/include.js b/include.js
@@ -6,6 +6,13 @@ let cards = [
     author: 'Joy',
     githubLink: 'https://github.com/royranger'
   }
+  {
+    artName: 'AnimateIbaad',
+    pageLink: './Art/Ibaad/animate.html',
+    imageLink: './Art/Ibaad/animationimagehover.gif',
+    author: 'Ibaad',
+    githubLink: 'https://github.com/ibaaddurrani'
+  }
 ];
 
 // +--------------------------------------------------------------------------------+