Skip to content

Commit 4fd9828

Browse files
committed
iudhxwi
1 parent 8894f2a commit 4fd9828

File tree

1 file changed

+21
-7
lines changed

1 file changed

+21
-7
lines changed

assets/css/style.scss

Lines changed: 21 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -204,10 +204,11 @@
204204
}
205205
}
206206
}
207-
#robots {
207+
208+
#robots {
208209
#robot-card {
209210
position: relative;
210-
211+
211212
.image {
212213
position: relative;
213214
background-size: cover;
@@ -217,7 +218,18 @@
217218
transition: filter 0.5s ease, transform 0.5s ease;
218219
filter: grayscale(100%);
219220
}
220-
221+
222+
.image::before {
223+
content: '';
224+
position: absolute;
225+
top: 0;
226+
left: 0;
227+
width: 100%;
228+
height: 100%;
229+
background: rgba(0, 0, 0, 0.7);
230+
pointer-events: none;
231+
}
232+
221233
.overlay {
222234
position: absolute;
223235
top: 0;
@@ -228,27 +240,28 @@
228240
flex-direction: column;
229241
justify-content: center;
230242
align-items: center;
231-
// background-color: rgba(0, 0, 0, 0.5);
232243
text-align: center;
233244
pointer-events: none;
234245
transition: opacity 0.5s ease;
235246
}
236-
247+
237248
.robot-link:hover .image {
238249
filter: grayscale(0%);
239250
}
240-
251+
241252
.robot-link:hover .overlay {
242253
opacity: 0;
243254
}
255+
244256
h2 {
245257
color: var(--primary) !important;
246258
}
259+
247260
h2, p {
248261
z-index: 2;
249262
position: relative;
250263
transition: opacity 0.5s ease;
251-
pointer-events: none; /* Ensure text isn't interactable */
264+
pointer-events: none;
252265
}
253266

254267
.robot-link:hover h2, .robot-link:hover p {
@@ -258,6 +271,7 @@
258271
}
259272

260273

274+
261275
#blog {
262276
.hero-body {
263277
padding: 3rem 0.25rem 1rem 0.25rem;

0 commit comments

Comments
 (0)