mirrors/serenity
1
0
Fork 0
mirror of https://github.com/SerenityOS/serenity.git synced 2025-01-23 18:02:05 -05:00
Code Issues Projects Releases Packages Wiki Activity

Base: Add example backdrop-filter using saturate()

Browse source
This commit is contained in:
MacDue 2022-10-03 20:48:58 +01:00 • committed by Sam Atkins
parent 60cc96d243
commit 5a832c0326
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
Base/res/html/misc/backdrop-filter.html
View file

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