File tree Expand file tree Collapse file tree 1 file changed +21
-7
lines changed Expand file tree Collapse file tree 1 file changed +21
-7
lines changed Original file line number Diff line number Diff line change 204
204
}
205
205
}
206
206
}
207
- #robots {
207
+
208
+ #robots {
208
209
#robot-card {
209
210
position : relative ;
210
-
211
+
211
212
.image {
212
213
position : relative ;
213
214
background-size : cover ;
217
218
transition : filter 0.5s ease , transform 0.5s ease ;
218
219
filter : grayscale (100% );
219
220
}
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
+
221
233
.overlay {
222
234
position : absolute ;
223
235
top : 0 ;
228
240
flex-direction : column ;
229
241
justify-content : center ;
230
242
align-items : center ;
231
- // background-color: rgba(0, 0, 0, 0.5);
232
243
text-align : center ;
233
244
pointer-events : none ;
234
245
transition : opacity 0.5s ease ;
235
246
}
236
-
247
+
237
248
.robot-link :hover .image {
238
249
filter : grayscale (0% );
239
250
}
240
-
251
+
241
252
.robot-link :hover .overlay {
242
253
opacity : 0 ;
243
254
}
255
+
244
256
h2 {
245
257
color : var (--primary ) !important ;
246
258
}
259
+
247
260
h2 , p {
248
261
z-index : 2 ;
249
262
position : relative ;
250
263
transition : opacity 0.5s ease ;
251
- pointer-events : none ; /* Ensure text isn't interactable */
264
+ pointer-events : none ;
252
265
}
253
266
254
267
.robot-link :hover h2 , .robot-link :hover p {
258
271
}
259
272
260
273
274
+
261
275
#blog {
262
276
.hero-body {
263
277
padding : 3rem 0.25rem 1rem 0.25rem ;
You can’t perform that action at this time.
0 commit comments