Add cool blur effect

Swap lines in style
2025-10-10 15:17:24 +03:00 · 2025-10-10 14:05:36 +03:00
1 changed files with 11 additions and 6 deletions
@@ -20,6 +20,9 @@
    .qr img {
      width: 100%;
    }
+    .qr p {
+      text-align: center;
+    }

    .blocks.qr {
      flex-wrap: nowrap;
@@ -29,7 +32,6 @@
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
    }
-
    .blocks.qr::-webkit-scrollbar { display: none; }

    .block.qr {
@@ -38,19 +40,22 @@
      max-width: 13.666rem;
    }

-    .qr p {
-      text-align: center;
-    }
-
    .badges .block {
      flex: 1;
      text-wrap-mode: nowrap;
    }
-
    .badges .block:hover {
      flex: 1.5;
      transform: none;
    }
+
+    .blocks.qr:hover .block.qr:not(:hover) {
+      filter: blur(5px);
+      transition: all 0.3s ease;
+    }
+    .block.qr:hover {
+      filter: blur(0) !important;
+    }
  </style>
 </head>
 <body>
Author	SHA1	Message	Date
Sweetbread	4451e424a4	Add cool blur effect	2025-10-10 15:17:24 +03:00
Sweetbread	1ae6e46f42	Swap lines in style	2025-10-10 14:05:36 +03:00