diff options
| author | MacDue <macdue@dueutil.tech> | 2022-10-03 20:48:58 +0100 |
|---|---|---|
| committer | Sam Atkins <atkinssj@gmail.com> | 2022-10-07 13:08:24 +0100 |
| commit | 5a832c03269fb6ef10a17efcc95e525ff7e8407d (patch) | |
| tree | 8f5d1ce9a1edb81586b018cb4d1828ae8ed6dcd9 /Base/res | |
| parent | 60cc96d24357b89639aaa16b9e6c3d933ca051e0 (diff) | |
| download | serenity-5a832c03269fb6ef10a17efcc95e525ff7e8407d.zip | |
Base: Add example `backdrop-filter` using `saturate()`
Diffstat (limited to 'Base/res')
| -rw-r--r-- | Base/res/html/misc/backdrop-filter.html | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/Base/res/html/misc/backdrop-filter.html b/Base/res/html/misc/backdrop-filter.html index cc38b45310..3fc0260943 100644 --- 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 = {}; |