RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 12:27:35 +00:00
Code Issues Activity Actions

Base: Add example backdrop-filter using hue-rotate()

Browse source
This commit is contained in:
MacDue 2022-10-01 22:46:38 +01:00 • committed by Andreas Kling
parent e697a72c99
commit 2a9128efe3
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -68,6 +68,10 @@
.mixed {
backdrop-filter: grayscale(50%) invert(70%);
}
.hue-rotate {
backdrop-filter: hue-rotate(60deg);
}
</style>
</head>
<body>
@ -103,6 +107,10 @@
<div class="backdrop-box sepia">
</div>
</div>
<div class="image-box">
<div class="backdrop-box hue-rotate">
</div>
</div>
<script>
const boxes = document.querySelectorAll(".backdrop-box");
const filterMap = {};