fixy fixy and add stuff for the expl pages

zek-c · Oct 26, 2023 · 2682c9b · 2682c9b
1 parent 11e5da1
commit 2682c9b
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 1 deletion.
diff --git a/CSS/style.css b/CSS/style.css
@@ -36,3 +36,58 @@ body {
   left:0;
 
 }
+.image-container:hover .bottom-div {
+  transform: translateY(0);
+}
+.image-container:hover{
+transform: scale(1.1)
+}
+.image-wrapper-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.image-container {
+  width: 275px;
+   height:175px;
+  position: relative;
+  display: inline-block;
+  margin: 20px;
+  transform: translateZ(0); 
+  transition: transform .2s;
+  vertical-align:top;
+  overflow: hidden;
+  border-radius: 55px; 
+}
+        .image {
+            display: flex;
+            width: 275px;
+            height: 175px;
+            object-fit: cover; 
+            border-radius: 55px; 
+            cursor: pointer;
+            transition: transform .2s;
+            z-index:1
+        }
+        .image:hover {
+            transform: scale(1.1);
+        }
+        .bottom-div {
+  position: absolute;
+  bottom: -10px; 
+  left: 0;
+  width: 100%;
+  padding: 10px;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 28px;
+  font-weight: bold;
+  text-align: center;
+  box-sizing: border-box;
+  margin: 0;
+  font-family: roboto, monospace;
+  z-index: 3;
+transition: .2s;
+
+  transform: translateY(100%);
+}
diff --git a/index.html b/index.html
@@ -23,7 +23,9 @@
   <a href="#" onclick="window.location.href='GoGuardian/index.html'" style="padding: 20px 30px; margin-right: 10px;">GoGaurdian</a>
   <a href="#" onclick="window.location.href='Utilities/index.html'" style="padding: 20px 30px;">Utilities</a>
        <body>
-        <div id="particles-js"></div>
+        <div id="particles-js">
+          <h1 class="header">ChromeSploits</h1>
+        </div>
 
 
        </body>