mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1560884 [wpt PR 17366] - Adding a test for backdrop filter plus mask, a=testonly 

Automatic update from web-platform-tests
Adding a test for backdrop filter plus mask

This tests a backdrop filter element that also contains a (non-border
rect) mask or clip. It currently fails.

Bug: 974857
Change-Id: Ied65cc96deb2d02634b62d8743bff02588c94411
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1662499
Commit-Queue: Chris Harrelson <chrishtr@chromium.org>
Reviewed-by: Chris Harrelson <chrishtr@chromium.org>
Auto-Submit: Mason Freed <masonfreed@chromium.org>
Cr-Commit-Position: refs/heads/master@{#670587}

--

wpt-commits: 1ace0eaddd369c7063e0a34ac91a2f361020b5bf
wpt-pr: 17366
This commit is contained in:
Mason Freed 2019-07-19 12:36:23 +00:00 коммит произвёл James Graham
Родитель 9e238b6e74
Коммит ae6aa504b8
2 изменённых файлов: 44 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

22
testing/web-platform/tests/css/filter-effects/backdrop-filter-plus-mask-ref.html Normal file
Просмотреть файл

@ -0,0 +1,22 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>backdrop-filter: Correctly apply masks/clips to backdrop-filter content</title>
<link rel="author" title="Mason Freed" href="mailto:masonfreed@chromium.org">
<p>Expected: A black circle.</p>
<div></div>
<style>
div {
position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 200px;
background: black;
border-radius: 100px;
}
</style>

22
testing/web-platform/tests/css/filter-effects/backdrop-filter-plus-mask.html Normal file
Просмотреть файл

@ -0,0 +1,22 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>backdrop-filter: Correctly apply masks/clips to backdrop-filter content</title>
<link rel="author" title="Mason Freed" href="mailto:masonfreed@chromium.org">
<link rel="help" href="https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty">
<link rel="match" href="backdrop-filter-plus-mask-ref.html">
<p>Expected: A black circle.</p>
<div></div>
<style>
div {
position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 200px;
backdrop-filter: invert(1);
clip-path: circle(100px at center);
}
</style>