some final changes adjusting the hover of logo

musaddique333 · Oct 9, 2023 · 1effb66 · 1effb66
1 parent fb5b740
commit 1effb66
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 14 deletions.
diff --git a/CSS/characters.css b/CSS/characters.css
@@ -95,11 +95,11 @@ body {
 }
 
 .logo img {
-    height: 200px;
+    height: 300px;
 }
 
 .logo img:hover {
-    transform: scale(1.1);
+    transform: scale(1.5);
 }
 
 .crew-more{

diff --git a/CSS/contact.css b/CSS/contact.css
@@ -98,11 +98,11 @@ body {
 }
 
 .logo img {
-    height: 200px;
+    height: 300px;
 }
 
 .logo img:hover {
-    transform: scale(1.1);
+    transform: scale(1.5);
 }
 
 /* 2nd part */

diff --git a/CSS/gallery.css b/CSS/gallery.css
@@ -97,19 +97,22 @@ body {
 }
 
 .logo img {
-    height: 200px;
+    height: 300px;
 }
 
 .logo img:hover {
-    transform: scale(1.1);
+    transform: scale(1.5);
 }
 
 /* 2nd part */
 .gallery {
     display: flex;
     flex-direction: column;
-    padding: 0 1%;
+    padding: 5% 1%;
     gap: 10px;
+    background-color: rgba(0, 0, 0, 0.587);
+    border-radius: 20px;
+
 }
 
 .gallery_of_three {
@@ -130,6 +133,12 @@ body {
     border: solid 1px #CCC
 }
 
+.gallery_of_three img:hover {
+    width: 500px;
+    height: 350px;
+    transition: 0.5s;
+}
+
 /* 3rd part */
 .poster {
     display: flex;
@@ -148,11 +157,17 @@ body {
     border: solid 1px #CCC
 }
 
+.poster img:hover {
+    width: 350px;
+    height: 550px;
+    transition: 0.3s;
+}
+
 /* refrence avaliable in readme file */
 .rotate_gallery {
     align-self: center;
-    width: 30vw;
-    height: 30vh;
+    width: 40vh;
+    height: 25vh;
     transform-style: preserve-3d;
     animation: rotate 30s linear infinite;
 }
@@ -173,7 +188,7 @@ body {
     height: 100%;
     transform-origin: center;
     transform-style: preserve-3d;
-    transform: rotateY(calc(var(--i) * 45deg)) translateZ(36.2vw);
+    transform: rotateY(calc(var(--i) * 45deg)) translateZ(48.2vh);
 }
 
 .rotate_gallery span img {

diff --git a/CSS/index.css b/CSS/index.css
@@ -97,11 +97,11 @@ body {
 }
 
 .logo img {
-    height: 200px;
+    height: 300px;
 }
 
 .logo img:hover {
-    transform: scale(1.1);
+    transform: scale(1.5);
 }
 
 /* 2nd part */

diff --git a/CSS/plot.css b/CSS/plot.css
@@ -95,11 +95,11 @@ body {
 }
 
 .logo img {
-  height: 200px;
+  height: 300px;
 }
 
 .logo img:hover {
-  transform: scale(1.1);
+  transform: scale(1.5);
 }
 
 /* table of contents part */