Create image-container.css

p0xx · Nov 28, 2023 · a8522d8 · a8522d8
1 parent 8eaeec2
commit a8522d8
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/othercss/image-container.css b/othercss/image-container.css
@@ -0,0 +1,27 @@
+.image-container {
+    position: relative;
+    overflow: hidden;
+    border-radius: 18%;
+    height: 175px;
+    width: 175px;
+    margin-bottom: 10px;
+    border-radius: 18%; 
+    margin: 0 auto;
+    object-fit: cover;
+
+}
+
+.image-container img {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+    transition: 0.4s;
+}
+
+.game-card:hover .image-container img {
+    transform: scale(1.2);
+}
+
+.game-card:hover .image-container .cosmic-city img {
+    transform: scale(1.2) rotate(9deg);
+}