lazyload优化

theme-nexmoe · Feb 8, 2020 · 65c46b0 · 65c46b0
1 parent 445ab39
commit 65c46b0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/layout/py.ejs b/layout/py.ejs
@@ -44,10 +44,11 @@
   }
   article ul li img.lazyload {
     padding-bottom: 100%;
-    height: 0;
+    opacity: 0;
   }
   article ul li img.lazyloaded {
     padding-bottom: 0;
+    opacity: 1;
   }
   @media screen and (max-width: 768px) {
     article ul li {

diff --git a/source/css/style.styl b/source/css/style.styl
@@ -340,10 +340,12 @@ body {
                     position: absolute;
                     left: 0;
                     top: 0;
+                    opacity: 0;
                 }
                 img.lazyloaded {
                     -webkit-filter: blur(0);
                     filter: blur(0);
+                    opacity: 1;
                 }
                 h1 {
                     position: absolute;