Base: Add example backdrop-filter using saturate()

Author: https://github.com/MacDue Commit: 5a832c0326 Pull-request: https://github.com/SerenityOS/serenity/pull/15463 Reviewed-by: https://github.com/AtkinsSJ ✅ Reviewed-by: https://github.com/awesomekling
2025-06-10 18:10:56 +09:00 · 2022-10-03 20:48:58 +01:00 · 2022-10-03 20:48:58 +01:00 · 5a832c0326 · 2024-07-17 06:10:59 +09:00
commit 5a832c0326
parent 60cc96d243
1 changed files with 8 additions and 0 deletions
--- a/Base/res/html/misc/backdrop-filter.html
+++ b/Base/res/html/misc/backdrop-filter.html
@ -72,6 +72,10 @@
        .hue-rotate {
          backdrop-filter: hue-rotate(60deg);
        }
+
+        .saturate {
+          backdrop-filter: saturate(4);
+        }
    </style>
  </head>
  <body>
@ -111,6 +115,10 @@
      <div class="backdrop-box hue-rotate">
      </div>
    </div>
+    <div class="image-box">
+      <div class="backdrop-box saturate">
+      </div>
+    </div>
  <script>
    const boxes = document.querySelectorAll(".backdrop-box");
    const filterMap = {};