feat: backdrop filter

Author: wkylin

src/pages/motion/index.module.less

@@ -2,9 +2,12 @@
   position: sticky;
   top: 0;
   right: 0;
-  background-color: rgb(0 0 0 / 20%);
-  backdrop-filter: blur(5px);
   z-index: 10;
+  background-color: rgb(0 0 0 / 20%);
+  background-image: radial-gradient(transparent 1px, #bbb 1px);
+  background-size: 4px 4px;
+  backdrop-filter: blur(1px);
+  mask: linear-gradient(#000 calc(100% - 30px), #0000);
 
   ul {
     display: flex;
@@ -23,7 +26,7 @@
 
   .navItemActive {
     color: #fff;
-    background-color: #333;
+    background-color: #724cdb;
   }
 }