Spaces:
Running
Running
Update style.css
Browse files
style.css
CHANGED
|
@@ -457,8 +457,13 @@ body {
|
|
| 457 |
}
|
| 458 |
.is-loaded::before { animation: none; opacity: 0; transition: opacity 0.2s; }
|
| 459 |
|
| 460 |
-
.reveal-img { opacity: 0; transition: opacity 0.5s ease-in-out; will-change: opacity; }
|
| 461 |
-
.reveal-img.loaded { opacity: 1; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 462 |
|
| 463 |
.title-overlay {
|
| 464 |
position: absolute; bottom: -2px; left: 0; right: 0; height: 45%;
|
|
@@ -635,7 +640,6 @@ body {
|
|
| 635 |
object-position: top center;
|
| 636 |
display: block;
|
| 637 |
opacity: 0;
|
| 638 |
-
transition: opacity 0.3s ease-in-out;
|
| 639 |
}
|
| 640 |
|
| 641 |
.grid-thumb.loaded { opacity: 1; }
|
|
|
|
| 457 |
}
|
| 458 |
.is-loaded::before { animation: none; opacity: 0; transition: opacity 0.2s; }
|
| 459 |
|
| 460 |
+
/* .reveal-img { opacity: 0; transition: opacity 0.5s ease-in-out; will-change: opacity; }
|
| 461 |
+
.reveal-img.loaded { opacity: 1; } */
|
| 462 |
+
|
| 463 |
+
/* 🌟 强行干掉弹窗网格里的图片过渡,解决闪烁 */
|
| 464 |
+
#grid-view .reveal-img {
|
| 465 |
+
transition: none !important;
|
| 466 |
+
}
|
| 467 |
|
| 468 |
.title-overlay {
|
| 469 |
position: absolute; bottom: -2px; left: 0; right: 0; height: 45%;
|
|
|
|
| 640 |
object-position: top center;
|
| 641 |
display: block;
|
| 642 |
opacity: 0;
|
|
|
|
| 643 |
}
|
| 644 |
|
| 645 |
.grid-thumb.loaded { opacity: 1; }
|