vcheckzen · Dribbling · Oct 19, 2022 · Oct 21, 2022 · Oct 21, 2022
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/Dribbling.github.io.iml b/.idea/Dribbling.github.io.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/demo高斯.html b/demo高斯.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>高斯背景模糊效果（毛玻璃）</title>
+  <style>
+    .box{
+      width: 1000px;
+      height: 610px;
+      background: url('.jpg'); no-repeat: 100% 100%;
+      background-size: cover;
+      position: relative;
+    }
+    .content{
+      height: 80%;
+      width: 80%;
+      background: white;
+      position: absolute;
+      /*left: 40%;*/
+      /*top: 30%;*/
+      /*margin-left: -20%;*/
+      /*margin-top: -10%;*/
+      border-radius: 2px;
+    }
+    /* filter是对该元素的模糊，因此对content添加并模糊伪元素，并定位到content的下层，而不是直接修改背景图或content的样式 */
+    .content::before{
+      content: '';
+      position: absolute;
+      top:0;right:0;bottom:0;left:0;
+      filter: blur(3px);
+      margin:-21px;
+      background: url('//yiuma-drive.yiuma.workers.dev?file=/Pictures/%E7%94%B5%E8%84%91%E5%A3%81%E7%BA%B8/%E8%B4%BC%E6%B8%85%E6%99%B0/04c658bfa3a5d75ab3e2fb91bf202143.jpg'); no-repeat: 100% 100%;
+      background-size: cover;
+      opacity: .8;
+    }
+    .content p{
+      padding: 20px 15px;
+      color: white;
+      text-indent: 20px;
+      font-size: 14px;
+      line-height: 28px;
+      letter-spacing: 1px;
+      /* 清除子元素对父元素filter属性值的继承 */
+      filter: blur(0);
+    }
+  </style>
+</head>
+<body>
+<div class="box">
+  <div class="content">
+    <p>高斯模糊文字介绍的,高斯模糊文字介绍的高斯模糊,文字介绍的,高斯模糊文字介绍的高斯模糊。文字介绍的高斯模糊，文字介绍的--红叶都枫了红叶都枫了红叶都枫了@163</p>
+  </div>
+</div>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -4,10 +4,12 @@
     <script>
       /**
        * SCF_GATEWAY：SCF 云函数网关地址
+       *https://yiuma-drive.yiuma.workers.dev/
+       *        SCF_GATEWAY: "//tight-bar-e3b3.logi.workers.dev",
        * SITE_NAME：站点名称
        */
       window.GLOBAL_CONFIG = {
-        SCF_GATEWAY: "//tight-bar-e3b3.logi.workers.dev",
+        SCF_GATEWAY: "//yiuma-drive.yiuma.workers.dev",
         SITE_NAME: "FODI",
         IS_CF: true,
       };
@@ -48,7 +50,19 @@
       href="//s0.pstatp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.css"
       rel="stylesheet"
     />
+    <style type="text/css">
+      body{
+     width: auto;
+        height: auto;
+        background: url('./resourse/p.jpg'); no-repeat: 100% 100%;
+        background-size: cover;
+        position: relative;
+
+      }
+
+    </style>
     <style>
+
       .sk-folding-cube {
         margin: 20px auto;
         width: 40px;

diff --git a/resourse/p (1).png b/resourse/p (1).png
diff --git a/resourse/p (11).png b/resourse/p (11).png
diff --git a/resourse/p (2).jpg b/resourse/p (2).jpg
diff --git a/resourse/p (2).png b/resourse/p (2).png
diff --git a/resourse/p (3).jpg b/resourse/p (3).jpg
diff --git a/resourse/p (3).png b/resourse/p (3).png
diff --git a/resourse/p (4).jpg b/resourse/p (4).jpg
diff --git a/resourse/p (4).png b/resourse/p (4).png
diff --git a/resourse/p (5).jpg b/resourse/p (5).jpg
diff --git a/resourse/p (5).png b/resourse/p (5).png
diff --git a/resourse/p (6).png b/resourse/p (6).png
diff --git a/resourse/p (7).jpg b/resourse/p (7).jpg
diff --git a/resourse/p (7).png b/resourse/p (7).png
diff --git a/resourse/p (8).png b/resourse/p (8).png
diff --git a/resourse/p (9).png b/resourse/p (9).png
diff --git a/resourse/p.jpg b/resourse/p.jpg