|
|
@@ -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 = {};
|
MacDue